리액트 기본포트(default port) 확인하기

기존에 npm start를 하면 react server를 키면서 react가 보였었는데 아무래도 나는 이 서버의 URL 어떻게 가져오고 어떻게 설정 되어 있는지가 궁금해서 찾아봤던 내용을 작성해두려고 한다 .

 

서버의 포트 번호 확인하기 

리액트를 설치할때 create-react-app 명령어를 사용해서 리액트 앱을 만들고 npm start를 사용해서 바로 사용할 수 있었다.

그 말은 create-react-app로 만든 리액트 앱에 웹 서버가 내장되어 있다는 것이다.

 

그럼 위 처럼 포트번호가 3000번으로 자동으로 지정되는것은 어디서 되는 것인가? 

이에 대한 답은 노드 모듈안에 존재한다.

 

node_modules > react-scripts > scripts > start.js를 보면  아래와 같이 DEFAULT_PORT가 지정되어 있는 것을 볼 수 있다.

이를 수정하면 포트번호가 수정되기도 한다. 

추가적으로 포트번호의 수정 방식은 여러가지가 있는데 이는 추후에 게시하겠다.