🎈 리액트 설치 : npx create-react-app
터미널에 입력하여 리액트를 설치
webpack과 babel을 따로 설치하지 않아도 됨
npx create-react-app ./ : 현재 디렉토리에 리액트 설치
🔰 npx 란?
노드 패키지 실행을 도와주는 도구
npm 레지스트리에 있는 create-react-app 패키지를 현재 폴더에서 실행할 수 있도록 가져옴
🔰 Webpack
여러개의 파일을 하나의 자바스크립트 코드로 압축하여 최적화하는 라이브러리
- 로딩에 대한 네트워크 비용 감소
- 모듈 단위로 개발 가능
🔰 Babel
예전 브라우저에서도 최신 JS 문법을 사용할 수 있게 해주는 라이브러리
🎈 react 실행
npm run start
브라우저가 열리며 프로젝트가 실행된다
🎈 react CDN 링크
설치 없이 react 사용하기
HTML 에 추가하면 react 사용 가능
실제 프로젝트용이 아닌 연습용으로 사용
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>