#node.js

정적 vs 동적 테스트

정적

기본셋팅

  1. mkdir test_node
  2. npm init 후 쭉 엔터 -> yes입력
  3. npm install –save express
  4. 해당 위치에서 ls
  5. package.json이 보이면 정상
  6. 해당위치에서 mkdir public

정적임을 확인해보자

  1. cd public
  2. vim static.html
1
2
3
4
5
6
7
8
9
10
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        hello test
    </body>
</html>
  1. esc 누르고 wq 엔터, cd ..
  2. vim app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var express = require('express');
var app = express();

//아래부분이 키포인트! public을 정적으로 사용하겠다.
app.use(express.static('public'));

app.get('/', function (req, res) {
  res.send('Hello test!');
});


app.get('/login', function (req, res) {
  res.send('login plz');
});

app.listen(3000, function () {
  console.log('app listening on port 3000!');
});
  1. 해당 파일 저장(esc, wq 엔터) wq->write하고 닫겠다.
  2. node app.js 실행
  3. http://localhost:3000/ 정상작동확인
  4. http://localhost:3000/static.html hello test 확인

  5. 서버를 멈추지 않은 상태에서 static.html수정

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
        </head>
        <body>
            
             바로 수정되네
        </body>
    </html>

  6. http://localhost:3000/static.html 바로 수정되네 확인

위의까지가 정적이다.

동적

  1. app.js 수정

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    app.get('/dynamic', function(req, res){
      var output = `
      
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>    
        hello 하하
    </body>
    </html>
      `;
      res.send(output);
    })

  2. node app.js 실행

  3. localhost:3000/dynamic hello 하하 확인

  4. 서버를 멈추지 않은상태에서

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    app.get('/dynamic', function(req, res){
      var output = `
      
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>    
        hello 123
    </body>
    </html>
      `;
      res.send(output);
    })

  5. localhost:3000/dynamic 시 hello 123이 아닌 하하가 확인되어진다.

  6. 서버를 재기동 후에는 hello 123을 확인 할수 있다.

정적 vs 동적 간단 코드 설명 끝!

정적인 파일

#node.js