공부하는 히욤이

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 #2 Node JS와 EXPRESS JS 다운로드 하기 본문

Programming/React+Node

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 #2 Node JS와 EXPRESS JS 다운로드 하기

히욤이 2021. 8. 12. 02:03

Node.js

  • Node.js는 JavaScript를 서버 사이드에서 쓸 수 있는 언어

 

Express.js

  • Node.js를 좀 더 쉽게 사용할 수 있게 해주는 프레임워크

 

Node.js, Express.js 예제

1. boiler-plate 생성

c:\react-node> mkdir boiler-plate
c:\react-node> cd boiler-plate
c:\react-node\boiler-plate> npm init

 

boiler-plate 폴더 안에 다음과 같은 package.json이 생성됨

 

2. index.js 파일 생성 (backend의 시작점)

 

3. express 다운로드

c:\react-node\boiler-plate> npm i express

 

package.json에 dependencies가 추가 됨

 

다운받은 dependencies들은 node_modules에 생성됨

 

4. index.js 작성

const express = require('express');
const app = express(); //새로운 express app 생성
const port = 5000;

// root 디렉토리에 Hello World가 출력되게
app.get('/', (req, res) => {res.send('Hello World!')});
app.listen(port, () => console.log(`Example app listening on port ${port}!`));

 

5. package.json 추가

6. 실행

c:\react-node\boiler-plate> npm run start

 

* terminal

 

* localhost