본문 바로가기

업무이야기

React 시작 전 설치해야할 목록 (Mac OS)

React를 시작하기 전 준비해야할 목록이 있습니다. 다른 컴퓨터 세팅에도 쉽게 적용하기 위하여 블로그에 정리해봅니다.

  • nvm
  • node.js
  • yarn
  • git bash

nvm

nvm 은 아직 window os에는 없고 mac os에만 있는 버전관리 도구입니다. 작업을 하다보면 node.js의 버전을 업데이트 해야할 때도 있고 그와 반대로 다운그레이드 해야할 때도 있는데 이때 버전을 관리해주는 도구입니다.

터미널에

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

명령어를 입력하여 nvm을 설치해줍니다. 설치 후에 터미널을 껐다가 다시 킨 후 

$ nvm --version 

으로 nvm이 잘 설치되어있는지 확인합니다. 

 

node.js

nvm을 설치한 다음에 node.js를 설치합니다. node.js는 LTS버전과 Current버전이 있습니다. LTS 버전은 안정적이며 신뢰할 수 있는 버전이며 Current 버전은 최신기능 제공과 최신의 API를 제공하는 버전입니다.

$ nvm install --lts

위 명령어로 node.js lts버전을 설치할 수 있습니다. 

 

yarn

조금 더 개선된 버전의 npm이라고 생각하면 됩니다.

$ brew update

$ brew install yarn

$ echo 'export PATH="$(yarn global bin):$PATH"' >> ~/.bash_profile

$ yarn --version

yarn의 버전을 확인하여 yarn이 잘설치되었는지 확인합니다.

$ yarn global add create-react-app 

create-react-app은 바로 리액트 프로젝트를 만들 수 있게 도와줍니다.

 

 

git bash

git 홈페이지에서 git을 설치하면 됩니다. 

반응형