리액트 프로젝트 init

JH Bang·2023년 4월 18일
0

프론트엔드

목록 보기
3/6

npm, npx 설치 후

프로젝트 생성

npx create-react-app [폴더] --template typescript

npm i react-router-dom
npm i react-query
npm i styled-components

--template typescript를 깜빡했다면 앱에서 아래 명령어를 실행


npm install --save typescript @types/node @types/react @types/react-dom @types/jest

타입스크립트를 사용하므로 타입 정의를 제공해야 한다.
https://github.com/DefinitelyTyped/DefinitelyTyped

npm i --save-dev @types/styled-components
npm i --save-dev @types/react-router-dom
npm i --save-dev @types/react-query
  • defaul로 설치된 것들 다 지우고 앱개발

  • npx 실행 후 npm start하면 앱 다시 실행

  • css는 name.module.css로 import하여 사용

타입스크립트를 사용할 때는

간단하게 배포

npm run build
npx serve -s build
profile
의지와 행동

0개의 댓글