EJS 템플릿이란
Node.js 환경에서 동적으로 HTML을 생성할 수 있는 템플릿 엔진이다. EJS를 사용하면 JavaScript 코드 내에서 HTML을 생성하고, 데이터를 동적으로 삽입하는 작업을 매우 간단하게 처리할 수 있다.
EJS 템플릿의 주요 특징
-
HTML 안에 JavaScript 코드 삽입: EJS는 HTML 파일 내에 JavaScript 코드를 삽입할 수 있게 해준다. 데이터 동적 처리, 조건문, 반복문 등을 사용할 수 있어, HTML 파일을 템플릿처럼 활용할 수 있다.
-
간단한 문법: EJS는 매우 직관적이고 간단한 문법을 가지고 있어, HTML과 JavaScript를 쉽게 결합할 수 있다. 이를 통해 빠르게 동적인 웹 페이지를 생성할 수 있다.
-
서버 사이드에서 HTML 렌더링: EJS는 서버 사이드에서 HTML을 동적으로 렌더링하여 클라이언트에게 전달한다. 서버에서 데이터를 받아와 이를 HTML 템플릿에 삽입한 후 최종 HTML을 클라이언트로 전달.
간단하게 그냥 html 파일인데 js문법을 사용할 수 있는 것으로 생각하면 된다!
얘도 설치가 필요하다.
터미널에 npm install ejs 입력.
views 폴더를 하나 만들어준다.
그리고 보드라이트 페이지를 하나 복사해서 views 폴더에 하나 넣어준다. 그리고 rename으로 뒤에 확장자를 ejs로 바꿔주기.
그리고 템플릿을 사용하기 위해서 서버를 하나 만들어줘야 한다. 인덱스 익스프레스 폴더를 하나 복사해서 붙여넣기 하고 이름을 바꿔준다.
상단에 포트번호를 바꿔주고 ejs하나 추가해주면 된다.
추가하기
여기 수정해주기
