[리액트 react] 리액트 기본 실행 포트 변경 하기

 

안녕하세요. 훈츠입니다. 금일은 리액트 기본포트 3000번 포트를 변경하는 방법에 대해 포스팅 합니다. 

 

실행 포트 변경방법

다음 두가지 방법이 있습니다. 첫번째 방식은 간단 합니다. 

• Package.json 파일에 스크립트 스타트 부분 변경 
• react-scripts start 파일에 포트 주는 부분을 직접 변경 

---

package.json 파일 수정 

 

위와 같이 간단하게 "set PORT = 3002 "라고 추가 해주면 됩니다. 

 

---

react-scripts start 파일 구조 및 찾아보기 

 

위의 스크립트 파일을 가리키는 곳이 어딘지 몰라 찾아 보았습니다. 그안에서 포트 변경해도 됩니다. 

 

굳이 이곳 까지 들어와서, 변경하는것보다는 첫번째 방식을 선호 합니다.