React 설치

nvm을 설치한다. 나는 bash로 설치하였다. zsh로 되어있으면 맨 마지막 입력값을 zsh로 바꿔줘야 한다.

brew install nvm

안될 경우 다음과 같이 수동 설치한다.

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

tip) 사용하고 있는 shell(bash 또는 zsh) 확인 및 변경

echo $0 #어떤 shell인지 확인
chsh -s /bin/bash #shell 변경하기

나의 경우에는 수동으로 환경변수를 설정해야 했다. vi 에디터로 설정 파일을 열고 환경변수를 추가한다.

1) vi 에디터 실행

vi ~/.bash_profile

2) 아래 내용을 입력하고, 저장하고 나간다. esc를 누른 후 :wq를 누르자.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

3) 추가한 내용을 저장

source ~/.bash_profile

노드를 설치한다. 공식 홈페이지 에서 가장 최신 버전이 무엇인지 확인한 후 입력해준다.

nvm install [설치할 버전]

설치가 잘되었는지 확인한다.

nvm ls # nvm으로 설치한 노드 버전 리스트 확인 명령어
node -v # 노드 버전 확인 명렁어

만약 버전을 바꾸고 싶다면

nvm use [사용할 노드 버전]

여기까지 완료하면 준비 과정은 모두 끝났다. 이제 리액트를 설치하자.

# global: 전역에 이 패키지를 깔겠다
yarn add global create-react-app

리액트 프로젝트를 만들고 실행한다.

npx create-react-app 폴더이름
yarn start