[Node.js] ejs 템플릿 사용하기

👀 EJS 템플릿이란?

• 템플릿 엔진 : 문법과 설정에 따라 파일을 html 형식으로 변환시키는 모듈
• ejs : Embedded Javascript 의 약자로, 자바스크립트가 내장되어 있는 html 파일이며, .ejs 라는 확장자를 가짐

✅ EJS 템플릿 사용하기

npm install ejs

• 다음과 같은 명령어를 통해 ejs를 설치해준다.

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

• 위의 명령어를 통해 ejs 템플릿을 사용할 수 있다.

✅ 사용 예시

// express 인스턴스 생성 및 app에 저장
const express = require("express");
const app = express();

// 8000번 포트로 지정
const port = 8000;

// 화면 엔진은 ejs로 설정한다.
app.set("view engine", "ejs");

// Express에서 정적파일 제공
app.use('/static', express.static('static'));

// test.ejs 실행
app.get("/", (req, res) => {
    res.render("test");
})

// 지정된 포트로 로컬서버 열기
app.listen(port, () => {
    console.log("server open", port);
})

• app.js 파일 생성하여 위 내용을 기입하면, express 모듈과 ejs 템플릿을 사용가능
• views 폴더에 만든 test.ejs 파일을 불러와서 localhost에서 실행해준다.
• 실행 시 node app.js 라는 명령어를 해당 디렉토리 터미널에서 실행
  
• 웹브라우저에서 localhost:8000 에 들어가면 정상적으로 실행되는 것을 확인 가능함.