create-react-app(CRA) setting

James An·2022년 8월 22일
0

front-end

목록 보기
1/3

0. Install nvm

  • NVM(Node Version Manager)은 Node.js의 버전을 관리하는 도구이며. 협업을 진행할 때, 라이브러리 버전 호환 문제에 유용하게 사용할 수 있다.
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

1. Install Node.js (LTS)

  • LTS(Long Term Supprot) 버전은 안정적이고 신뢰도가 높은 버전이다.
nvm ls-remote
  • 위 명령어를 사용하면 현재 나와있는 Node.js 버전을 확인할 수 있다.
nvm install --lts
  • LTS 버전을 설치하려면 위 명령어를 실행
node -v
  • 정상적으로 Node.js가 설치되었는지 확인
npx
  • 위 명령어를 실행하여 CRA에 사용되는 npx도 작동하는지 확인

2. create-react-app(CRA)

  • CRA는 webpack, babel 등 React에서 많이 사용하는 도구 및 설정을 포함하며, React 개발 환경을 쉽게 구성하고 이용하게 해준다.
npx create-react-app my-app
cd my-app
npm start
  • npx create-react-app my-app 명령어를 통해 project를 생성하고, 해당 폴더로 이동 후 npm start를 입력하면 된다.

  • 성공! Enjoy React :)
profile
born 2 code :)

0개의 댓글