[React] 기본적으로 3000에서 실행되는 PORT 변경

그리고 React create-react-app 으로 앱을 만들면 기본적으로 포트가 3000번으로 설정되어 있는데

다른 포트로 실행하고 싶다면 package.json 파일을 수정하거나, .env 파일에 설정을 만들어주면 된다.

 

package.json 파일을 수정하게 되면 OS에 따라 명령어가 달라진다.

# Mac, linux 
"scripts": { 
  "start": "export PORT=3001 && react-scripts start", 
  ... 
}

# Windows
"scripts": { 
  "start": "set PORT=3001 && react-scripts start", 
  ... 
}

 

.env 파일을 프로젝트 폴더에 생성해서 다음과 같이 포트를 지정해준다.

PORT=3001