노드JS Express 웹서버 구축
[Express]이란 무엇일까?
: express 모듈이란 http 모듈처럼 서버 모듈이다.
기본적인 http 모듈로 웹 서버를 만들면 직접 많은 기능을 개발해야한다.
이를 편하게 사용하기 위해 만들어진 모듈이 Express(익스프레스) 이다.
간단한 코드로 웹 서버의 기능을 대부분 구현 할 수있고, 미들웨어와 라우터를 사용하여 편리하게 웹 서버를 구성할 수 있다.
뇌정지 당하기전 개념
// CASE1
const server = http.createServer((req, res) => { // 이 함수는 그냥 처리결과를 하기위한 콜백함수
});
// CASE2
const express = require('express');
const app = express();
app.get('/favicon.ico', function(req,res){
// 이 함수는 그냥 처리결과를 하기위한 콜백함수
});
노드를 배우면서 함수 인자에 콜백함수가 들어가 있는 형태를 자주 봐왔다. 위 함수는 비동기 함수가 처리되고 그 결과를 나타내기 위한 콜백함수 종류이다.
이 개념을 몰라서 처음에 콜백함수 이해하는데 시간이 꽤 걸렸다.. (어리둥절)
[AS-IS] http 모듈로 구현
/app-http.js
/*************************************************
http 모듈 메소드
http 모듈의 createServer() 메소드를 사용하여 server 객체를 생성한다.
listen() : 서버를 실행하고 클라이언트를 기달린다.
close() : 서버를 종료한다.
request : 클라이언트가 서버에 요청할 때 발생하는 [이벤트]이다.
connection : 클라이언트가 접속할 때 발생하는 [이벤트]이다.
close : 서버가 종료될 때 발생하는 [이벤트]이다.
*************************************************/
const http = require('http');
const PORT = 3000;
// Lamda 문법 사용시
/*
const app = http.createServer( (req, res) => {
//중략
});
*/
var app = http.createServer( function(req, res) {
var url = req.url;
console.log('__dirname: ' + __dirname); //결과: /fswas/wasadm/nodeStudy/
console.log('url: ' + url); //결과: /
console.log('method: ' + req.method); //결과: GET
//디폴트 HTML 설정
res.setHeader("Content-Type", "text/html;charset=UTF-8")
//본문을 write 하고 응답을 최종 보내는 end() 메소드는 가장 마지막에 한번 사용해야함
if(req.url == '/' && req.method == 'GET') {
console.log('app.js >> /'+ '\n');
res.writeHead(200);
res.write("<html><head></head><body>");
res.write("<form action='/message' method='POST'>");
res.write("<input type='text'/>");
res.write("<button>메세지 전송(POST)</button>");
res.write("</form>");
res.write("</body></html>");
url = '/index.html';
}
if(req.url == '/favicon.ico' && req.method == 'GET') {
console.log('app.js >> /favicon.ico'+ '\n');
res.writeHead(404);
url = '/error.html';
}
if(req.url == '/message' && req.method == 'POST') {
console.log('app.js >> /message'+ '\n');
res.writeHead(200);
url = '/message.html';
}
console.log(__dirname + url); //결과: /fswas/wasadm/nodeStudy/index.html
res.end(); // end하면 클라이언트한테 응답 보냄. 가장 마지막에 작성해야 정상작동 한다.
});
app.listen(PORT, () => {
console.log(`http SERVER START... >> http://localhost:${PORT}`);
});
[TO-BE] Exrpess 모듈로 구현
/app_express.js
/*************************************************
Express 모듈 메소드
use() : 미들웨어 함수를 사용한다.
get() : get으로 사용자 정보를 전달 받는다.
set() : 서버 설정을 위한 속성을 지정한다.
redirect() : 웹 페이지의 경로를 강제로 이동시킨다.
send() : 클라이언트에 응답 데이터를 보낸다.
header() : 헤더를 확인한다.
*************************************************/
const express = require('express');
const app = express(); //생성자: 반드시 이렇게 사용해야 에러가 안난다.
const PORT = 3000;
// Lamda 문법 사용시
/*
app.get('/', (req, res) => {
res.send('Hello World');
});
*/
var url = '';
//본문을 write 하고 응답을 최종 보내는 send() 메소드는 가장 마지막에 한번 사용해야함
app.get('/', function(req,res) {
console.log('app.js >> /'+ '\n');
//Express 에서 응답코드는 자동으로 200 을 셋팅한다. 그래서 아래 코드는 생략해도 된다.
res.status(200);
res.send();
url = '/index.html';
});
//본문을 write 하고 응답을 최종 보내는 send() 메소드는 가장 마지막에 한번 사용해야함
app.get('/favicon.ico', function(req,res){
console.log('app.js >> favicon.ico'+ '\n');
res.status(404).send('메소드체이닝 발동' + '\n'); //Express 에서 응답코드를 셋팅하는 방법. (그리고 메소드 체이닝으로 응답해보았다.)
url = '/error.html';
});
app.listen(PORT, () => {
console.log(`Express SERVER START... >> http://localhost:${PORT}`);
});
정리
/customer 이면 모듈내부의 ‘/’ 매핑 수행
/customer/insert 이면 모듈내부의 ‘/insert’ 매핑 수행이런식으로 사용 가능하다. URL매핑방식이 스프링 어노테이션을 클래스에 붙여놓고 메소드에 붙여넣은 것과 동일하게 작동하는듯 하다. 이 방식으로 CRUD를 만들 수 있겠다..!
Leave a comment