[Node] express 웹 프레임워크 - 웹 서버 띄우기

🚀express 웹 프레임워크 

• nodeJS에서 가장 많이 사용하는 웹 프레임워크 express
• 사용자가 보내는 request 요청을 받아서 서버는 응답한다.
• 내가 보여주고자 하는 화면을 response 응답 소스로 보여준다.

1. express를 사용하지 않고 내장모듈을 활용해서 웹 서버 띄우기

🔸 코드 파악하기

const http = require('http');
http.createServer( (request, response) => { 
    response.writeHead(200, {'Content-Type' : 'text/plain'}); 
    response.write('Hello Server');
    response.end();
}).listen(3000);

const http = require('http');

• NodeJS 내장 모듈(http)을 불러온다.
• node_modules로 따로 받아오지 않았다. (npm install)

http.createServer().listen(3000);

• http.createServer() : 서버를 띄우는 것은 createServer() 안에서 함수로 작성된다.
• listen(3000) : 포트 3000번으로 띄워달라

response.writeHead(200, {'Content-Type' : 'text/plain'});

• resopnse를 통해 내가 작성한 response 응답 객체만 보여줄 수 있다.
• writeHead : 문서 형식 작성
• http 상태코드 : 200 - 응답성공

 response.write('Hello Server');

• 화면에 그려질 부분   

실행중

 

http://localhost:3000/

 

---

2. express 사용해서 웹 서버 띄우기

 

1️⃣package.json 파일 생성 

: 의존성 및 프로젝트에 대한 설명

 

 

2️⃣express 설치

: 다른 사람들이 공유한 express 패키지를 다운로드 받는다.

package.json

package.json - express 설치 확인 가능

 

🔸 코드 파악하기

사용자의 req 받아서 내가 지정한 응답(res)만 사용자가 볼 수 있다.

 

// express setting
const express = require('express');
const app = express();
 
// port 지정
const port = 3000;
 
// get 요청 : 화면을 띄우기
app.get('/', ( req, res ) => {
    res.send('hello express');
});
//  url 추가
app.get('/brave', ( req, res ) => {
    res.send('Be Brave');
});
 
// 웹 서버 띄우는 createServer 역할
app.listen( port, ()  => {
    console.log('Express listening on port', port);
});

Q. url을 추가하는 수정사항 후 3000번 포트가 돌아가고 있음에도 동작하지 않는다면 ❔

>. ctrl + c를 통해서 서버를 내렸다가 다시 올려주면 동작한다.

but. 수정사항이 있을 때마다 서버를 올렸다가 내려주는 번거로움은 nodemon으로 해결하자