react 란

react란?

코드만 바꾸면 UI를 자동으로 업데이트 -반영되는 시간 빠름
이것의 근본 : 가상 돔(virtual DOM)
가상 돔(virtual DOM): 이전 UI 상태를 메모리에 유지해서 변경될 UI의 최소 집합을 계산하는 기술

그냥 DOM(js에서 html 로 보내는거)

html 코드 완료 브라우저가 내 소스코드 읽고 해석해야되는데 .js .html 확장자가 다름/ 서로 소통이 안됨 / html코드를 js(객체화)로 만들어줌 => html을 js에 담는다 파씽함 객체화 시킴 => js가 읽고 브라우저에 뿌려줌 그래서 우리가 아는 코드들이 나옴
-> html을 객체화 시킨게 DOM

react 왜 쓰는가?

UI가 바로바로 반영되서 속도가 빠름. 보편화. react는 오류에대해 대처가 잘 되잇어서 구글링 같은 대처가 잘 되어있음

본격적 react 사용법

node.js =>
설치 이유: cra node.js 기반으로 만든 환경이라서
npm : 노드를 관리해주는 tool/ 설치하면 같이 깔림

*yarn = npm 이랑 큰 차이는 없음
라이브러리 관리 tool

CRA = 셋팅하는데 애먹지않게 리액트로 웹 애플리케이션을 만들기 위한 환경제공

npm= node 관리 룰
npx= npm에 자식중 하나

react 에는 html은 무조건 하나
public 안에 index.html 하나