React
<사용 이유>
-
사용자 정의 태그를 만드는 기술 = 생산성 증가
-
interactive한 개발이 가능
-
기존의 Html -> Js가 아닌 Js -> Html 개발이 가능
-
react는 rerendering을 할 때, 바뀐 부분만 랜더링 함 -> 불필요한 ui 업데이트가 없음
Bable란?
코드를 변환해줌 jsx -> 브라우저가 읽을 수 있도록
<프로젝트 시작>
- npx create-react-app 프로젝트명(.은 현재 디렉토리)
- npm start -> 리액트 코딩 시작
1) app.js app안에 태그 전부 삭제
2) app.css / index.css 내용 삭제
- npm run build -> build 폴더 생성
- npx serve -s build -> serve 라는 node.js 로 만들어진 앱이 빌드 폴더 안에 index.html 서비스