CPA (create-react-app) : 리액트 프로젝트 제작
npx (node pakage program)
리액트 웹 애플리케이션은 CRA라는 프로그램으로 node.js 프로젝트를 생성하여 제작
npx create-react-app fir_react --template typescript
package.json
CRA로 생성한 프로젝트에는 항상 이 파일 존재
터미널에서 npm start 명령을 실행하면 이 파일 내에서의 react-scripts start 명령 실행
npm run start
- start 명령 : 프로젝트를 개발 모드로 실행
npm run build
- build 명령 : 프로젝트를 빌드 모드로 실행
웹팩 webpack : 프런트엔드 프레임워크에서 사용하는 대표적인 모듈 번들러
다양한 입력 모듈을 결합하여 훨씬 단순한 형태의 모듈로 변환ㅁ해 주는 역할
번들 bundle : 웹팩의 결과물
스트릭!
비가 와서.. 내일 한다
졸려서.. 내일 한다
'🖥️ Frontend > frontend+' 카테고리의 다른 글
💟프론트💟 - 모던 웹을 위한 상세한 CSS background 이해 (0) | 2023.10.01 |
---|---|
💟프론트💟 - 모던 웹을 위한 CSS 박스모델 이해 (0) | 2023.09.28 |
💟프론트💟 - 모던 웹의 핵심 상세한 CSS 기본 (1) | 2023.09.26 |
💟프론트💟 - 모던 웹 기본 기술 이해 (0) | 2023.09.25 |
⚛️ React ⚛️ - 1. 리액트 개발 준비 (0) | 2023.09.04 |