코드를 통해서 웹페이지에서 동적과 정적이 어떻게 다른지 보겠다 .
app.js
// 메인 애플리케이션
var express = require('express')
// express 모듈 다루는 변수
var app = express();
app.use(express.static('public'));
밑에는 dynamic일 경우의 예이다 .
lis 는 coding이라는 문자열을 반복해 주기 위한 변수이다 .
output은 html 코드가 들어가는 변수이다 .
이 부분이 색달랐다 .
그리고 , ${} 표시로 임의이 변수를 가져다가 쓸 수 있었다 .
이렇게 함으로써 , 출력되는 부분을 내가 원하는 대로 손볼수 있을 수 있었다 .
이 부분이 매리트이다.
app.get('/dynamic', function(req,res)
{
var lis ='';
for(var i =0 ; i < 5 ; i++)
{
lis = lis + '<li>coding</li>';
}
var output = `
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
Hello, world!!
<ul>
${lis}
</ul>
</body>
</html>`;
res.send(output)
})
다음은 정적일 경우이다 .
public/static.html
<<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
Hello, world!!
<ul>coding</ul>
<ul>coding</ul>
<ul>coding</ul>
<ul>coding</ul>
<ul>coding</ul>
</body>
</html>
app.listen(3000,function()
{
console.log('Connected 3000 port!')
});
// 3000번 포트를 리슨
'졸업작품_preparing.... > node_js' 카테고리의 다른 글
| Express-쿼리스트링 & Semantic url (0) | 2019.02.02 |
|---|---|
| Express- jade 설치 및 간단한 문법 사용법 (0) | 2019.02.02 |
| Express-정적인파일(png파일)서비스하는 법 (0) | 2019.02.02 |
| 연결성 ( Connectivity ) (0) | 2019.02.01 |
| Expressjs 설치 및 간단한 웹 애플리케이션 만들기 (0) | 2019.02.01 |
#IT #먹방 #전자기기 #일상
#개발 #일상
