드림코딩 - 리액트 개념 정리

Document Object Model의 약자로 HTML 각 요소들이 배치된 설계도(형태)라 할 수 있다.DOM 안에는 각종 NODE들이 트리 구조로 되어있고 HTM부토 위로 이어저 그려나가면 나무 모양으로 된다고 하여 DOM 트리라고 표현한다.!DOM의 모든 요소들

테마 정하기아이콘 테마, 아이콘이 조금 더 생동감 있게 바뀜코드 포멧팅ctrl + 눌러서 setting 창으로 이동괄호마다 코드에 색깔을 다르게 줌들여쓰기 된 부분을 레인보우컬로로 하이라이트 표시코드 읽을 때 도와줌앞에 태그를 바꾸면 뒤에 태그를 자동으로 바꿔줌&lt

MasOS는 Brew 설치 후 Brew 명령어를 통해서 아래 Git, nodeJS, Yarn등을 설치해야됨brew 상세내용 : https://brew.sh/터미널에서 위 명령어 삽입시 brew 설치됨 ▼$ /bin/bash -c "$(curl -fsSL htt

JSX는 `React.createElement` 가독성 문제로 HTML과 동일한 형식을 사용 가능하도록 만들었다. 하지만 HTML과 같은 마크업 언어가 아닌 JSX는 JavaScript라는 것을 잊어서는 안된다.

Component 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나눈다. 컴포넌트는 개념적으로 JavaScript 함수와 유사하다. 'props'라는 입력을 받은 후, 화면에 어떻게 표시되는지 기술하는 React 엘리먼트를 반환한다. 엘리먼트는 일반 객체