프로그래밍/Node.js

Node.js 생활코딩 정리 – Express 프레임워크 동적방식과 정적방식 차이

가카리 2016. 11. 21. 20:39
반응형

 

1. 정적인 파일은 내용을 변경하면 바로 반영된다.

2. 동적인 파일은 내용을 변경하면 서버를 껐다가 다시 켜야 한다.

하지만 동적으로 하면 for문을 써서 쉽게 반복되는 구문을 만들 수 있다.

 

app.js

var express = require('express');

var app = express();

 

app.use(express.static('public'));//public 폴더를 정적으로 변환

app.get('/', function(req, res){//'/' 홈으로 접속한 것을 의미

res.send('Hello world');

});//사용자가 GET방식으로 웹서버에 접속할

 

app.get('/dynamic', function(req, res){

var lis = '';

for(var i=0; i<5; i++){

lis = lis + '<li>coding</li>';

}

//${lis} 변수를 의미

var output = `<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

</head>

<body>

hello dynamic html

<ul>

${lis}

</ul>

</body>

</html>

`;//그레이브 엑센트임

res.send(output);

});

 

app.get('/route', function(req, res){

res.send('Hello router, <img src="/route.jpg">');

});

 

app.get('/login', function(req, res){

res.send('<h1>login page</h1>');

});

 

app.listen(3000, function(){//3000 포트번호

console.log('Connected 3000 port!');

});

실행화면

 

 

출처 : 생활코딩 (https://opentutorials.org/course/2136)

 

반응형