NodeJS

[NodeJS] - Express 이용하여 웹앱 만들기(2) : ejs와 res.render() 사용

Riucc 2018. 10. 15. 13:11

Express 이용하여 웹앱 만들기(2) : ejs와 res.render() 사용 

 

express를 사용하여 웹 서버를 만들고 res.send()를 이용해서 

해당 페이지에 간단한 메시지를 응답하는 것을 만들어보았다

res.send() : 사용자에게 지정한 값을 응답해준다


이제 ejs(html 랜더링)와 res.render() 를 이용하여 페이지를 띄워보겠다

res.render() : 사용자에게 지정한 경로의 파일(사이트 페이지)을 응답해준다


// - ejs 를 사용하기 위해 -

var ejs = require('ejs'); // html 랜더링


app.set("views", __dirname); // ejs 파일 가져올 폴더 지정(프로젝트명) 및 ejs 관련 설정

                                    // 프로젝트에 폴더가 있을 시 __dirname + "/폴더이름"

app.set("view engine", "ejs");

app.engine("ejs", ejs.renderFile);


var express = require('express');

var app = express();

var ejs = require('ejs'); // html 랜더링


app.set("views", __dirname); // ejs 파일 가져올 폴더 지정(프로젝트명) 및 ejs 관련 설정

app.set("view engine", "ejs");

app.engine("ejs", ejs.renderFile);


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

                               // 사용자가 접속할 때 get 방식 접속하는 것(URL 치고 들어오는 것)

                               // 1번째 인자 : request(요청), 2번째 인자 : response(응답)

    res.send("3000 포트에 연결 성공했어요!");  // 사용자에게 지정된 값을 응답해줌

        }); 


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

    res.render("write.ejs");   // ejs(html)파일 보여줄 때 이렇게 render() 사용

});



app.listen(3000, function(){

    console.log("3000번 포트에 연결 성공!");

}); // 3000번 포트를 listening, 리스닝 성공 시 콜백메소드 실행하여 메시지 출력