존재하지 않는 페이지로 들어왔을 때 에러메세지 내기
우선 url이 어떤 식으로 전달되는지 살펴보자
//main.js
console.log(url.parse(_url, true))코드를 추가하고 각 페이지를 누르면 url 정보를 어떻게 분석하는지 알 수 있다.
pathname: query string을 제외한 path만을 보여줌
if(pathname === '/'){
//'/'(루트)를 통해 접속했다면
fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){
var template = `
<!doctype html>
<html>
<head>
<title>WEB1 - ${title}</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="/">WEB</a></h1>
<ul>
<li><a href="/?id=HTML">HTML</a></li>
<li><a href="/?id=CSS">CSS</a></li>
<li><a href="/?id=JavaScript">JavaScript</a></li>
</ul>
<h2>${title}</h2>
<p>${description}</p>
</body>
</html>
`;
response.writeHead(200);
response.end(template);
})
} else{
return response.writeHead(404);
response.end('Not Found')
}홈페이지 구현
홈에 대한 처리를 해보자
pathname은 메인페이지도, 다른 페이지도 모두 '/'로 동일하기 때문에 (뒤에 다른 경로가 붙지 않음) pathname으로는 페이지를 구분할 수 없다!
- query string이 존재하지 않는다면 메인 페이지라는 것을 이용
if(pathname === '/'){
if(queryData.id === undefined){ //query string이 undefined라면
var title = 'Welcome';
var description = 'Hello, Node.js';
var template = `
~html~
`;
response.writeHead(200);
response.end(template);
} else {
fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){
var title = queryData.id;
~html~ //(위와 동일)
`;
response.writeHead(200);
response.end(template);
});
}
} 
붙잡지 않으면 이 또한 지나가리라