기존에 npm start를 하면 react server를 키면서 react가 보였었는데 아무래도 나는 이 서버의 URL 어떻게 가져오고 어떻게 설정 되어 있는지가 궁금해서 찾아봤던 내용을 작성해두려고 한다 . 서버의 포트 번호 확인하기 리액트를 설치할때 create-react-app 명령어를 사용해서 리액트 앱을 만들고 npm start를 사용해서 바로 사용할 수 있었다. 그 말은 create-react-app로 만든 리액트 앱에 웹 서버가 내장되어 있다는 것이다. 그럼 위 처럼 포트번호가 3000번으로 자동으로 지정되는것은 어디서 되는 것인가? 이에 대한 답은 노드 모듈안에 존재한다. node_modules > react-scripts > scripts > start.js를 보면 아래와 같이 DEFAU..

리액트를 시작하기 위해서는 먼저 Node.js가 필요하다 . 1. node.js 설치 LTS를 눌러서 node.js를 우선 설치해준다. 현재 설치하는 node.js의 버전은 20.9.0이다. 추후 프로젝트를 할 때는 버전을 변경하여 더 낮은 버전으로 사용하는 것이 좋을 것으로 보인다.(안정적인 버전으로) 설치 과정에서는 특별하게 설정할 부분이 없었기에 따로 설명하지 않겠다. 터미널 혹은 명령프롬프트(cmd)에서 >node -v 명령어를 실행 했을때 아래와 같이 버전이 출력된다면 잘 설치가 된것이다. 그럼 다음으로 npm이란 것이 필요하다. npm이란 Node Package Manager의 줄임말로 말그대로 노드 패키지를 관리해주는 툴이다 근데 LTS버전에는 npm10.1.0을 포함하고 있어 설치하면서 같..