본 포스팅은 생활코딩 을 토대로 작성하였습니다.
app.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | var express = require("express"); var app = express(); // 정적인 파일을 서비스 하고싶다면 아래를 추가해야한다. public은 폴더명 app.use(express.static('public')); // 동적인 파일 표현하기 app.get('/dynamic',function(req,res){ var lis = ''; for(var i=0; i<5; i++){ lis += '<li>coding</li>'; } var time = Date(); var output = `<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>web publisher</title> </head> <body> Hello Dynamic!!!! <ul> ${lis} </ul> ${time} </body> </html>` res.send(output); }); app.get('/',function(req,res){ res.send('Hello home page'); }); app.get('/login',function(req,res){ res.send('Login please'); }); app.get('/public',function(req,res){ res.send('Hellow Router, <img src="/K-056.jpg">'); }); app.listen(3000, function(){ console.log("Connected 3000 port!"); }); | cs |
동적으로 처리하기.
app.js에 라우터를 추가한다.- Dynamic이라는 주소를 실행했을 떄 익명함수를 실행한다.
- 응답부분에 변수
output을 결과물로 넣어주고output에는 html 코드를 넣은모습이다. - html 은
` `으로 감싸준다.
정적인 파일
정적이라는 것은 한번 만들어지면 언제나 똑같은 모습인 html을 만들려고 하는건데 그걸 할떄는 express.static 을 이용한다.
html파일을 express.static 에서 정한 폴더에 넣으면 된다. html파일을 수정하면 서버를 재시작 하지않아도 바로 반영된다.
변수를 값을 html 안에서 사용하기 위해서는 ${변수} 사용한다.
'개발 > Node' 카테고리의 다른 글
| HTTP(Hyper Text Transfer Protocol) (0) | 2016.07.20 |
|---|---|
| Express - 정적파일을 서비스하는 법 (0) | 2016.07.13 |
| Express - 연결성 (0) | 2016.07.13 |
| Express - 간단한 웹어플 만들기 (0) | 2016.07.13 |
| Express 설치 (0) | 2016.07.13 |
