Express - 4. 홈페이지 구현

홈페이지 구현하기

app.get('/', function(request, response){
  fs.readdir('./data', function(err, filelist){
    var title = 'Welcome';
    var description = 'Hello, Node.js';
    var list = template.list(filelist);
    var html = template.html(title, list,
      `<a href="/create">create</a>`,
      `<h2>${title}</h2>${description}`
    );
    response.writeHead(200);  //200: 파일을 성공적으로 전송하였음
    response.end(html);
  });
});

이전에 작성한 코드를 복사하여 홈페이지에 띄울 내용을 붙여넣기 한다.

response.writeHead(200);  //200: 파일을 성공적으로 전송하였음
response.end(html);

위의 코드는 Express 프레임워크에서 아래 코드로 축약할 수 있다.

response.send(html);

결과

웹 애플리케이션이 에러없이 잘 실행된다.

 

Express에 app.get()를 사용할 때의 장점

이전 코드에서는 app.createServer함수의 콜백함수에 있는 response, request를 모든 if문 중에서 마지막 else문은 이 response와 request가 어디에서 나온 것인지 헷갈리기 쉽다. 이들이 어디서 왔는지 보려면 맨 위로 스크롤을 올려야 하기 때문에 정의되는 부분과 사용되는 부분의 거리가 너무 멀다.

하지만 Express가 제공하는 Route 방식을 사용하게 되면 각 처리하는 부분에 response, request를 구현하기 때문에 훨씬 더 코드가 가독성이 있다.