[React] Lec&Rec 프로젝트 환경 세팅

git clone을 하셔서 frontend 폴더에 가시게 되면

제일 먼저 nvm 설치부터 해야합니다. 아래 명령어로 설치합니다.

curl -o- <https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh> | bash

설치가 완료되었으면 nvm 환경변수를 등록해야 합니다. 다음과 같은 순서로 진행합니다.

vi ~/.bashrc

bashrc 창이 열리게 되면

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \\. "$NVM_DIR/nvm.sh"
nvm use 17

위 입력 후 :wq로 bashrc 창 나가기

다음 명령어로 bash를 다시 실행

source ~/.bashrc

이렇게 하면 nvm install 17을 하라고 메세지가 뜹니다.

node.js를 설치하는 것인데 ubuntu 18.04의 경우 아래와 같이 17 버전을 설치하면 됩니다.

nvm install 17

그 다음으로는 환경 변수를 설정해야합니다.

.env.development

저 파일에서 .txt를 지우시고 frontend 폴더에 추가하시면 됩니다

그 후 아래 형식을 작성해주시면 됩니다.

REACT_APP_SERVER_URL=IP주소:PORT번호

개발하실 때는 다음과 같이 localhost:8000을 입력해 주시면 됩니다.

REACT_APP_SERVER_URL=localhost:8000

입력을 하시고 npm start를 다시 하시게 되면 적용이 됩니다.

이렇게 설치가 되면 frontend 폴더에서 아래를 입력하셔서 실행하시면 됩니다.

npm start