본문 바로가기
🖥️ Frontend/리액트(+타입스크립트)

⚛️ React ⚛️ - 2.리액트 프로젝트 만들기 내일 아침에 이어서..

by 정람지 2023. 9. 11.

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 : 웹팩의 결과물


스트릭!


 

비가 와서.. 내일 한다


졸려서.. 내일 한다