constructorrendercomponentDidMountfetch완료rendersetStatecomponentDidUpdate(setState 되어서 업데이트 발생)componentWillUnmount자식 컴포넌트가 복수일경우자식1render 자식1componen

Git 의 명령어 종류에 대해 알아보자 모든 설정 확인 git config --list 모든 파일 확인 git config --global -e vs코드 열기 (vscode 설정해야됨) code . vs코드 열고 터미널이 vs코드가 닫힐때 까지 변경불가 conf

Operatorconsole.log(\`string literals: ''''1 + 2 = ${1 + 2}\`);\-> ${}안에 있는것만 연산 그 외 띄어쓰기와 줄바꿈도 표현된다 \\을 앞에 붙이면 \` 백틱도 나오게 할 수 있다. console.log("ho

let (added in ES6)Block scope{}변수는 Block scope 안에서 선언하되 Global scope은 Block 밖에서 선언한다블록안에서 선언한 변수는 블록밖에서 보이지 않는다Global scope은 촤소한으로 쓰자var // dont ever

Command Paletteshift + cmd + p실행가능한 모든 명령어를 보여줌Quick Opencmd + p 해당하는 파일을 빠르게 검색하고 이동Settingcmd + , 기본 설정Toggle Sidebarcmd + B익스플로러창 열고 닫기Toggle Termi

이전에는 float이나 table로 공간을 나누어 배치 했지만 현재는 flex를 사용한다.flex box의 기본구성에는 container와 item이 있다 단수 혹은 복수의 item을 container 박스로 둘러 쌓고 있는 개념이다.flex box에는 중심축(main

웹이 작동되어지는 과정에 대해 알아보자브라우저는 서버로 요청을 보내고 서버로부터 응답을 받는다.각 사이트 마다 서버를 담당하는 컴퓨터가 있고 대부분의 중소기업은 자체적으로 웹 서버를 구축하는 것보단 금액절감을 위해 웹호스팅 서비스를 이용한다.Hosting(호스팅, We

2004년 John Gruber과 Aaron Swartz에 의해 개발된 plain-text(암호화하지 않은 데이터) 포맷을 기본으로 한 경량형 마크업 언어.md 확장자 파일로 텍스트 에디터에서도 쉽게 포맷하며 문서 작성이 가능하다.github readme.md파일 이나

display속성이 inline으로 지정된 요소는 한줄에 다른 엘리먼트들과 나란히 배치된다ex) <span>, <a>, <em>content의 크기만큼만 공간을 차지 하기 때문에 width와 height속성을 지정해도 무시된다.margin과 paddin

요소의 위치 지정 방법의 유형(기준)을 설정static : 유형(기준) 없음 '기본값relative : 요소 자신을 기준으로 배치absolute : 위치 상 부모 요소를 기준으로 배치 fixed : 뷰포트를 기준으로 배치sticky : 스크롤 영역 기준으로 배치위치 상

요소를 좌우 방향으로 띄움(수평 정렬)none : 기본값left : 왼쪽으로 띄움right : 오른쪽으로 띄움각 요소에 float 속성이 적용되면 차례로 정렬 된다float 속성이 적용된 요소의 주위로 다른 요소들이 흐르게 되는데 이를 방지하기 위해 속성을 해제 함형제

\-문서의 의미에 맞게, 컴퓨터가 이해할 수 있는 웹을 말한다. 사람이 읽고 해석하기에 편리하게 설계하는 것이 아닌 컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현한 웹이다. 웹의 창시자인 팀버너스리가 1998년 제안, 현재는 W3C에 의해 표준화 작업이 진행