Programming Blog

express-웹페이지를 표현하는 방법 본문

Node js/생활 코딩 Node js

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

Go-ong 2019. 2. 7. 23:00
  • 웹 페이지를 사용자에게 서비스하는 방법 2가지
    - 정적인 파일을 전달하는 방법
    - 동적인 파일을 전달하는 방법


  • 정적인 파일 전달하는 방법
    1
    app.use(express.static('접근 폴더명'));
    		cs


    위와 같이 사용할 파일의 폴더명을 작성한다.
    - 정적인 파일은 내용이 변경되었을 때 서버의 재시작 없이도 바로 반영이 된다.
    - 요청이 들어올 때마다  노드가 잡아서 바로 응답해주기 때문에 바로 반영이 된다.

  • 동적인 파일 전달하는 방법

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    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>
            <head>
                <meta charset="utf-8">
                <title></title>
            </head>
            <body>
                Hello Dynamic!
                ${lis}
            </body>
        </html>`;
        res.send(output);
    });
    		cs


    - app.get이라는 라우터가 노드를 실행시킬 때 한 번 실행된 후 다시 실행 시켜주지 않으므로 재시작 없이는 반영이 되지 않는다.
    - 프로그래밍적으로 웹 페이지를 만들기 위해 동적으로 파일을 적용한다.
    - html 코드 안에서 동적으로 사용하여 변수라는 것을 알려주기 위해 ${ }를 붙여서 사용한다.


  • 정적으로 접근하는 것의 장점과 동적으로 접근하는 것의 장점을 모두 살린 것이 템플릿 엔진(Jade)이다.


'Node js > 생활 코딩 Node js' 카테고리의 다른 글

express-템플릿 엔진(Jade)  (0) 2019.02.08
express-정적파일 서비스하는 법  (0) 2019.02.07
express-간단한 웹애플리케이션 만들기  (0) 2019.02.07
express설치  (0) 2019.02.07
express 도입  (0) 2019.02.07
'Node js/생활 코딩 Node js' Related Articles more
Comments