파일 읽어들이기
- 실습을 위해 fileread 폴더를 만들고 그 안에 sample.txt 파일을 생성해 아무 내용이나 넣는다
- fileread.js 파일을 만들고 아래 코드를 저장한다
var fs = require('fs');
fs.readFile('sample.txt', 'utf-8', function(err, data){
console.log(data);
});
- cmd에서 fileread 폴더로 이동해 fileread.js 파일을 실행시킨다
- 내용이 잘 출력되면 성공
파일을 이용한 동적 웹페이지 만들기
- ‘data’ 폴더를 만들고 그 아래에 HTML, CSS, JavaScript 3개의 파일을 생성, 각 파일 안에 1.html, 2.html, 3.html의 본문(태그 사이의 텍스트 부분)만 복사 붙여넣기한다
- url id로 각각의 파일을 읽어들여 화면에 띄울 수 있도록 main.js 파일을 수정한다
var http = require('http');
var fs = require('fs');
var url = require('url'); //url모듈 사용
var app = http.createServer(function(request,response){
var url_add = request.url;
var queryData = url.parse(url_add, true).query;
var title = queryData.id;
if(url_add == '/'){
title = 'Welcome';
}
if(url_add == '/favicon.ico'){
response.writeHead(404);
response.end();
return;
}
response.writeHead(200);
// ↑ 이 위까지는 원래 코드와 동일
// ↓ 여기서부터 readFile 로직
fs.readFile(`data/${title}`, 'utf-8', 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>
<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(5000);