리액트에서 포트 번호를 변경하는 방법
macOS, Windows 둘 다 일단 만들어진 프로젝트에서 package.json 파일을 연다.
macOS 변경 방법
맥의 경우 "start": "react-scripts start", 에서
PORT={원하는 포트 번호}
를 추가하여 변경을 한다.
나의 경우 3300 번 포트로 변경하였다.
예시)
"scripts": {
"start": "PORT=3300 react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
Windows 변경 방법
윈도우의 경우 "start": "react-scripts start", 에서
set PORT={원하는 포트 번호} &&
를 추가하여 변경을 한다.
나의 경우 3300 번 포트로 변경하였다.
예시)
"scripts": {
"start": "set PORT=3300 && react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
맥의 경우 "PORT=3300" 만 추가하면 포트 번호 변경이 되지만,
윈도우의 경우 "set PORT=3300 &&" 처럼 set 과 && 를 추가해 줘야한다.
그리고 PORT 는 대문자로 작성해야 한다는 것도 잊지말자.