리액트 보일러 프로젝트 - 1 노드다운 받기

리액트 보일러 프로젝트를 만들기 전에 Node.js를 설치해야 합니다

설치 방법은 구글에 "nodejs"를 검색하면 사이트가 나옵니다

Node.js 다운로드

 Node.js 사이트를 클릭하면 아래와 같은 사이트로 이동합니다

 

여기서 왼쪽의 LTS 버전을 다운로드합니다 LTS는

오른쪽 현재 버전보다 안정적인 버전이라고 생각하면 됩니다

다운로드한 후 확인하는 방법입니다

윈도우에서 cmd 창을 실행하고 "node -v"을 입력하면 설치된 노드 버전을 확인할 수 있습니다

설치된 것을 확인했습니다

프로젝트의 경로에 폴더부터 만들고 싶은 경우 "mkdir 폴더명" 입력하면 경로에 폴더가 생성됩니다

프로젝트를 만들 폴더의 경로에 들어가서 "npm init" 입력합니다

cmd창에 여러 가지 문구가 뜨지만 엔터로 넘어갑니다

정보를 입력해도 무방합니다

express 다운로드

express 다운로드 입니다

터미널 창에서 "npm install express --save" 입력합니다

다운로드가 끝나고 package.json 파일을 보면

dependencies가 추가되어 있습니다 다운로드가 완료되었습니다

이제 실행해봅니다

스크립트 부분에 "start:index.js" 입력합니다

"scripts": {
    "start": "node index.js"
  },

위와 같은 형식입니다

start 부분만 복사해서 같은 위치에 넣어줍니다

한 줄 이상이면 뒤에 ", " 붙여줍니다

"index.js" 파일이 없다면 만들어준 후

위와 같이 입력합니다

express 실행하는 코드로 3000번 포트로 실행합니다

실행 방법은 터미널 창에서 "npm run start" 입력합니다

실행되면 터미널에 아래와 같은 문구가 나옵니다

브라우저 화면에 Hello World가 출력됩니다

 

프로젝트 종료 방법

cmd 창에서 ctrl + c 입력하면  프로젝트가 종료됩니다