전체 글 57

07.29.월

오늘은 웹 개발의 이해 중간평가가 있었다.오늘 부터 쭉 한다는데 잘 할 수 있을까? 나 진도 못따라가서 자바스크립트에 발목잡혀 있는 중인데..?하나 빠져먹고 가는 것보다하나를 어느정도 제대로 아는게 더 좋을 것 같아내 속도에 맞춰 하고 있는 중이지만 많이 밀렸... 하지만, 오늘의 문제는 나름 괜찮았다!모르는건 찾아 보며 답을 했다.따로 여기에 정리해야지 1. 시멘틱 태그에 사용되는 7가지 종류  : 문서나 섹션의 머리말                   제목, 로고, 네비게이션 링크 등 : 네비게이션 링크 모음             사이트의 주요 메뉴나 링크 모음을 감싸는 데 사용 : 문서의 독립적인 섹션                   문서의 큰 부분을 나누는데 사용 : 독립적으로 구분 가능한 문서  ..

Welcom To JavaScript

자바스크립트는 html이 다 실행된 뒤에 실행되고 위에서 아래로 읽어 실행한다.console.log : 웹페이지 콘솔에 프린트(로그)하게 만드는 함수                    : console에 무언가를 log(기록하여 보여줌)하는 것alert : 경고창을 띄우는 함수const : 업데이트 불가능한 변수 (const a = 3; 을 const a = 4; 로 바꿀 순 있으나, a = 8;로 업데이트는 불가)let : 업데이트 가능[보통 const를 기본으로 사용하고 업데이트 하고 싶을때 let사용](nver ever use [ver] 옛날 문법)camelCase : 코드 이름 작성법&&: and|| : or다른 언어에서 == 을 쓰다가 === 를 사용하여 찾아보니JS에서만 사용하는 연산자이며==..

짐코딩 자바스크립트

https://www.youtube.com/playlist?list=PLlaP-jSd-nK-nRWstWs_MvCWhVHb7Auuc 입문자를 위한, ES6+ 최신 자바스크립트 강의#자바스크립트 #강의 #강좌 안녕하세요. 짐코딩입니다 💪 자바스크립트 입문 강의를 무료전환 하게 되어 안내해 드립니다. 【무료전환 이유❓】 제가 개발자로 첫 회사에 들어갔을 때 1년 정도www.youtube.com  인프런에 유료로 개정판까지 올라와 있지만 유튜브에도 무료로 풀렸길래 들어보았다.내용을 자세하게 다뤄주어 재밌게 들을 수 있었다.그리고 중간에 별 그리는 퀴즈를 내주는데 2번부터 뭔가 이해는 가는데 막히던게답안을 보니 아하! 라는 생각이 나왔다. 어느 정도 공부는 됐나보다... 이제 반복하고 실습을 계속 해야할 것 같..

[JavaScript] 2024.07.09

Day 6

Day6. 조건문과 반복문 만들어 보기 1. 문자열 반복 ➡️ 문자열 반복 : 반복문 for 사용        1) string 3번 반복          for ( let i = 1; i                 document.write('string');   }           2) love 10번 반복          for ( let i = 0; i                 document.write('love');   }     2. 정수 찾기 ➡️ 모르겠다.. 강사님께 질문!

Day 4

Day4. Flex&Grid 1. 회원가입 폼에 아래와 같이 CSS 적용해보기               전체를 article로 잡고 가운데 정렬을 했더니 사용기술부분의 정렬이 어려워 표로 만들어 그런지 간격이 맞지 않게 정렬이 되어 왼쪽 마진값을 주어 통일시켰다.  2. 문제 풀어보기 http://w3schools.com/css/css_grid_item.asp W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and m..

Day3

Day3. CSS 1. 로그인과 회원가입 화면을 만들어 보기      전체를 article로 묶고 text-align을 center로 만들었는데, 아이디저장 부분만 따로 왼쪽으로 정렬하고 싶었는데 안된다... 어떻게 하는 건지 모르겠다..ㅜ  2. CSS Dinner 도전CSS Diner - Where we feast on CSS Selectors! (flukeout.github.io) CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io[?]12) 특정 element 뒤에 바로 따라오는 siblings들을 선택 하는 selector '+'      plate + apple..17) .small :last-c..

</> Table

table의 구성 요소 : 테이블 생성      : 테이블의 제목or설명                         필수X, 선택적 사용                         table의 첫번째 자식으로 사용!                         caption-side 속성으로 top, bottom으로 위치 설정 가능        : table header (행, 열의 제목)      : table row (행, 가로)      : table data (열, 세로)➡️ 로 가로행 제일 왼쪽 부터 시작, 제목을 생성 가로로, 내용을 가로로 입력      즉, 안에 로 제목을 적고 그 행의 내용 입력       - 머리글, 본문, 바닥글 - 구역을 나누는 요소      - 필수X, 가..

[ HTML ] 2024.07.08

7. DOM

DOM? (Document Object Model)문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.출처: MDN DOM 소개 - Web API | MDN이 문서는 DOM에 대한 개념을 간..

[JavaScript] 2024.07.08