리액트 로컬호스트 포트번호 설정하기(230105) - TIL12(실전 프로젝트 개발일지1)

리액트 localhost 포트 변경하기

프로젝트 협업을 시작하면서 깃헙 레포를 파고 로컬에서 작업을 할려고 리액트를 실행하다 보면
localhost 포트 번호가 겹치는 경우가 있다.

간단한 설정을 통해서 포트번호를 임의로 변경해서 사용할 수 있다.

1. 시작 명령어로 포트번호 입력하기

PORT=3003 npm start

2. package.json에 스크립트 명령어 추가하기

"scripts": {
	"start": "export PORT=3003 && react-scripts start",
}

3. .env 파일(환경변수 파일)에 포트번호 입력하기

PORT=3003