[React] Node.js + Yarn + Typescript + React 설치하기

0후·2022년 2월 20일
1

프론트엔드

목록 보기
15/41

Window

  1. Node.js 설치 / 설치돼있는 지 여부 알려면 터미널에서 node -v 실행해준다. 버전 정보가 나오지 않는다면 설치가 되어있지 않은 상태이다. 이럴 때, 가능한 한, Node.js 홈페이지에서 LTS 버전으로 새로 받는 것이 좋다.
  2. Node.js가 설치돼있으면 npm install --global yarn 으로 yarn을 설치해준다.
  3. 프로젝트 폴더위치에서 yarn create react-app client --template typescript로 react 설치
  4. cd client로 해당 폴더에 들어간다.
  5. 그 뒤에 yarn start 명령어로 제대로 생성되었는지 확인한다.

Mac

  1. Homebrew 설치 / 설치돼있는 지 여부 알려면 터미널에서 brew -v 실행해준다. 설치가 안돼있다면 하단 명령어 실행해준다.
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  2. 나는 기존에 있던 노드를 삭제하고 다시 깔려고 하단 명령어를 터미널에서 차례대로 실행시켰다.
sudo npm uninstall npm -g
sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.\*
sudo rm -rf /usr/local/include/node /Users/$USER/.npm
sudo rm /usr/local/bin/node
sudo rm /usr/local/share/man/man1/node.1
sudo rm /usr/local/lib/dtrace/node.d
brew uninstall node
  1. Node.js를 홈페이지에서 pkg 버전으로 다운받은 뒤 실행시켜준다.
  2. sudo npm install --global yarn으로 yarn을 설치해준다.
  3. 프로젝트 폴더위치에서 yarn create react-app client --template typescript로 react 설치
  4. cd client로 해당 폴더에 들어간다.
  5. 그 뒤에 yarn start 명령어로 제대로 생성되었는지 확인한다.
profile
휘발방지

0개의 댓글