1. EJS란?
Embedded JavaScript Templates는 JavaScript를 이용하여 HTML 마크업 간의 동적인 데이터 표현할 수 있는 템플릿 엔진
Node.js에서는 EJS를 사용하여 서버 측에서 동적인 웹 페이지를 생성
2. EJS 사용하기
ejs 모듈 설치
npm install ejs
3. Node.js에서 EJS를 사용하는 코드 작성 (app.js)
res.render() 메소드를 사용하여 EJS 템플릿(views/index.ejs)를 렌더링
const express = require('express');
const ejs = require('ejs');
const app = express();
// EJS 사용 설정
app.set('view engine', 'ejs');
// 데이터
const data = {
title: 'My EJS Website',
message: 'Welcome to my website!'
};
// 라우트 정의
app.get('/', function(req, res) {
res.render('index', data);
});
// 서버 실행
const PORT=3000
app(PORT, function() {
console.log(`Server listening at http://localhost:${PORT}`);
});
4. EJS 템플릿 파일 생성 (views/index.ejs)
<%= %> 구문을 사용하여 데이터를 출력
<!DOCTYPE html>
<html>
<head>
<title><%= title %></title>
</head>
<body>
<p><%= message %></p>
</body>
</html>
4. 서버 실행
node app.js
EJS를 사용하여 동적인 웹 페이지를 생성하면 프론트엔드, 백엔드를 한 프로젝트로 만들 수 있습니다.
반응형
'개발정리 (nodeJS)' 카테고리의 다른 글
[nodeJS] Node.js 개발에 흔히 사용되는 라이브러리 5개 (0) | 2023.06.13 |
---|---|
[nodeJS] nodemailer로 메일 보내기 (0) | 2023.06.12 |
[nodeJS] Nodemon으로 서버유지하기 (2) | 2023.06.09 |
[nodeJS] 서버 구축 시 주의사항 5가지 (0) | 2023.06.08 |
[nodeJS] 초보자도 쉽게 따라할 수 있는 nodeJS로 서버 만들기 (0) | 2023.06.08 |