React

<사용 이유>

• 사용자 정의 태그를 만드는 기술 = 생산성 증가

• interactive한 개발이 가능

• 기존의 Html -> Js가 아닌 Js -> Html 개발이 가능

• react는 rerendering을 할 때, 바뀐 부분만 랜더링 함 -> 불필요한 ui 업데이트가 없음

Bable란?

코드를 변환해줌 jsx -> 브라우저가 읽을 수 있도록

<프로젝트 시작>

1. npx create-react-app 프로젝트명(.은 현재 디렉토리)
2. npm start -> 리액트 코딩 시작
   1) app.js app안에 태그 전부 삭제
   2) app.css / index.css 내용 삭제
3. npm run build -> build 폴더 생성
4. npx serve -s build -> serve 라는 node.js 로 만들어진 앱이 빌드 폴더 안에 index.html 서비스