Post

반응형

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

생활코딩 주소 : https://opentutorials.org/course/2136/11858


웹페이지에 데이터를 보여주는 방식을 공부하는 시간이었다.

정적 데이터로 표현해도 되지만

자바스크립트?? 를 이용해서 좀 더 편리하게 보여줄 수 있다는걸 깨달았다.


var express = require('express');

var app = express();

app.use(express.static('public'));


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

res.send('Hello World!');

});


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

res.send('Login Please');

});

/*

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('/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 acharset="utf-8">

<title></title>

</head>

<body>

Hello zzㅋㅋㅋdseer2312312fsdd

<ul>

${lis}

</ul>

${time}

</body>

</html>`;

//var output = ''; 

res.send(output);

});


app.listen(3000, function(){

console.log('Example app listening on port 3000!');

});

반응형
▲ top