[Node.js] EJS란? EJS 사용법과 사용하는 이유

 

우선, EJS란 ?

- EJS(Embedded JavaScript) 는 Node.js 환경에서 많이 사용하는 템플릿 엔진
으로 쉽게말하자면 클라이언트사이드 렌더링에서는 "리액트"를 사용한다면 서버사이드 렌더링에서는 주로 "ejs"를 사용해요!

- HTML 코드 안에 JavaScript 문법을 삽입할 수 있도록 해주는 도구이며,
확장자는 보통 .ejs 를 사용합니다.

즉, 서버에서 데이터를 가져와 HTML에 동적으로 반영해야 할 때 쓰입니다 !!!

 

EJS를 왜 써야하는가, 어떤 상황에서 써야하는가를 고민해보면

단순 html로는 동적인 값을 사용할 수 없으며, 서버에 있는 데이터들을 받아올 수 없어요!

---

따라서,

<%= user.name %>

 

와 같은 ejs 문법을 통해 서버에서 받아온 데이터를 자연스럽게 사용할 수 있습니다.

---

파일 구조를 보면 이러합니다!

views 안에 필요한 html파일을 모두 ejs형식으로 만들어,

server.js의 서버 데이터를 ejs문법을 이용해 불러와 사용하는 방식입니다!

---

                    <a href="/detail/<%= customers[i]._id %>">
                    <%= customers[i].R_name %>
                </a>

ejs 안의 파일에서 데이터를 불러오는 코드의 한 부분입니다!
이렇게되면, 서버코드에 지정되어있는 데이터 customers, R_name의 정보가
저 부분으로 삽입되게 되는거죠!

 

서버데이터를 손쉽게 불러올 수 있어서

참 유용한 것 같습니다!