Server Side JavaScript

Express-웹페이지를 표현하는 방법

여기서는 웹페이지를 정적으로 만드는 방법과 동적으로 만드는 방법의 장점과 단점을 살펴봅니다. 

app.js

var express = require('express');
var app = express();
app.use(express.static('public'));
app.get('/', function(req, res){
    res.send('Hello home page');;
});
app.get('/dynamic', function(req, res){
  var lis = '';
  for(var i=0; i<5; i++){
    lis = lis + '<li>coding</li>';
  }
  var time = Date();
  var output = `
  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <title></title>
    </head>
    <body>
        Hello, Dynamic!
        <ul>
          ${lis}
        </ul>
        ${time}
    </body>
  </html>`;
  res.send(output);
});
app.get('/route', function(req, res){
    res.send('Hello Router, <img src="/route.png">')
})
app.get('/login', function(req, res){
    res.send('<h1>Login please</h1>');
});
app.listen(3000, function(){
    console.log('Conneted 3000 port!');
});

 

댓글

댓글 본문
작성자
비밀번호
  1. 오호
    웹서버에서 로그인 정보 입력창을 중앙으로 이동시키고 싶은데 어떻게하면 되나요?
  2. 웅쓰
    감사합니다!!
  3. 코코딩
    아주 그냥 찰찰찰!!
  4. ㅇㅅㅇ
    수업이 아주 그냥 찰지네요!
  5. express 소개하기전에도 이렇게 해주셨었는데 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
    jade 기대됩니당
  6. 원동인
    드라마 작가 같이 수업을 구성하시네요ㅋㅋㅋㅋㅋ정적인 것의 장단점, 동적인 것의 장단점 다 보고 이것을 버무린 환상적인 방법이 없을까? 바로 템플릿이라는것을 다음 수업에 다룹니다!ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 드라마 다음화를 찾게되는 시청자의 마음으로 다음 수업을 들으러 갑니다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기