์ด๋ฒ ์๊ฐ์๋ CRUD์์ R์ ํด๋น๋๋ ํ์ผ์ ์ฝ๋ ์ฝ๋๋ฅผ ์์ฑํด ๋ณผ ๊ฒ์ด๋ค. ์๊ฐ๋ณด๋ค ๊ทธ๋ ๊ฒ ์ด๋ ค์์ ์์ ๊ฒ์ด๋ค. fs์ ์๋ ๋ชจ๋์ readFileํจ์๋ฅผ ์ด์ฉํ๋ ๊ฒ์ด๋ค. data ํด๋๋ฅผ ๋ฏธ๋ฆฌ ์์ฑํ๊ณ ๊ทธ๊ณณ์ ํ์ผ์ ์ฝ์ ์ ๋ณด๋ค์ ์บ์ด ์ฃผ๋ฉด ๋๋ค. ์ฐ์ ์์ฑํ ์ฝ๋๋ฅผ ๋ณด๋ฉด ์๋์ ๊ฐ๋ค.
fs.readFile(`data/${queryData.id}`, 'utf8', function (err, description) {
let template = `
<!doctype html>
<html>
<head>
<title>WEB1 - ${title}</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="/">WEB</a></h1>
<ol>
<li><a href="/?id=HTML">HTML</a></li>
<li><a href="/?id=CSS">CSS</a></li>
<li><a href="/?id=JavaScript">JavaScript</a></li>
</ol>
<h2>${title}</h2>
<p>${description}</p>
</body>
</html>
`;
response.end(template);
})
์ฒซ ๋ฒ์งธ ์ธ์๊ฐ ์ฝ์ด๋๋ฆด ํ์ผ์ ์์น์ ์ด๋ฆ์ ์๋ฏธํ๊ณ ๋ ๋ฒ์งธ ์ธ์๋ utf8์ ํ๊ธ๋ก ๋์ด ์๋ ํ์ผ์ ์ฝ์ ์ ์๊ฒ ํด์ฃผ๋ ์ธ์์ด๋ค. ์ดํ ๋ง์ง๋ง์ผ๋ก ํจ์๋ก ํด๋น ์ ๋ณด๋ฅผ ์ฝ๋ฐฑํจ์๋ก HTML ํ
ํ๋ฆฟ์ผ๋ก ์ฝ์ ์ ์๊ฒ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ์ด๋ค. ๊ทธ๋์ ์ฒซ ๋ฒ์งธ ์ธ์์์ ํ
ํ๋ฆฟ์ผ๋ก queryData.id๋ฅผ ์ด์ฉํด์ url์ query string์ผ๋ก ํด๋น ๋ฐ์ดํฐ ํ์ผ์ ์ด๋ฆ์ ๊ฒฐ์ ํ๊ณ ํด๋น ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ์ฌ ์ ์๊ฒ ํ ๊ฒ์ด๋ค. ์ ์ฒด ์ฝ๋๋ ์๋์ ๊ฐ๋ค.
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;
console.log(queryData.id)
if (_url == '/') {
// _url = '/index.html';
title = 'Welcome';
}
if (_url == '/favicon.ico') {
return response.writeHead(404);
}
response.writeHead(200);
//readFile
fs.readFile(`data/${queryData.id}`, 'utf8', function (err, description) {
let template = `
<!doctype html>
<html>
<head>
<title>WEB1 - ${title}</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="/">WEB</a></h1>
<ol>
<li><a href="/?id=HTML">HTML</a></li>
<li><a href="/?id=CSS">CSS</a></li>
<li><a href="/?id=JavaScript">JavaScript</a></li>
</ol>
<h2>${title}</h2>
<p>${description}</p>
</body>
</html>
`;
response.end(template);
})
});
app.listen(3000);