Node.js, React, Express 설치하기

 

Node.js 설치

다운로드 | Node.js

< Node.js 설치 경로 >

 

1. 설치가 완료되면 윈도우즈의 CMD(명령프롬프트)를 열고 node -v를 입력해 node.js의 버전을 확인하고, npm -v를 입력해 npm이 정상적으로 설치되었는지 확인한다.

※ npm(node package manager) 는 node.js로 개발하는데 필요한 패키지들을 간단하게 설치할 수 있도록 도와준다.

 

2. C:\>에 프로젝트를 저장할 workspace 폴더를 만들어주자.

3. cmd 창에서 cd workspace를 입력해 workspace 폴더로 이동한다.

4. npm install -g create-react-app 명령어를 입력해 운영체제에 글로벌 설치를 해준다.

5. create-react-app client 명령어로 client라는 react 프로젝트를 만든다.

6. cd client를 입력하고, npm start를 입력해 리액트를 구동시킨다.

리액트 설치에 성공

7. 웹브라우저에 localhost:3000을 입력했을 때 위와 같은 화면이 나오면 성공이다.

 

 

Node 프레임워크 설치

Express 템플릿 설치

1. cmd창에서 workspace로 이동한다.

2. npm i -g express-generator를 입력해 글로벌로 설치 한다.

3. express jmtmap을 입력해 jmtmap이라는 node 프로젝트를 생성한다.

※ express 프레임워크를 사용해 복잡한 서버 세팅 없이 백엔드 서버를 구동할 수 있다.

 

4. cd jmtmap 폴더로 이동한다.

5. npm install 명령어로 필요한 패키지를 설치한다.

6. npm start 명령어를 입력해 node 서버를 구동한다.

 

express 설치에 성공

7. 웹 브라우저에 localhost:3000을 입력했을 때 위와 같은 화면이 나타나면 성공이다.