[node.js] 동적인 웹페이지 만들기

👌 node.js 웹서버

node.js를 통해 동적인 웹페이지를 만드는 방법을 알아본다

• url을 require이라는 함수를 통해 가져온다

let url = require('url);

• queryData는 url.parse(request.url, true).query를 통해 가져올 수 있다.

let _url = request.url;
let queryData = url.parse(_url, true).query;
let title = queryData.id; //queryData의 id값을 title에 할당

• template에 소스코드를 넣어주고, ${title}을 이용해 title이 적용되는 부분을 동적으로 적용할 수 있게 해준다

let template = `... ${title} ...`;

• response.end에 readFileSync 대신 template을 넣어서 마무리한다

✔ 완성 코드

let http = require('http');
let fs = require('fs');
let url = require('url');
 
let app = http.createServer(function(request,response){
    let _url = request.url;
    let queryData = url.parse(_url, true).query;
    let title = queryData.id;
    if(_url == '/'){
      title = 'Welcome';
    }
    if(_url == '/favicon.ico'){
      return response.writeHead(404);
    }
    response.writeHead(200);
    let template = `... ${title} ...`;
    response.end(template);
 
});
app.listen(3000);

👍 참고 사이트

• 생활코딩 Node.js: App 제작-동적인 웹페이지 만들기