ejs란?

회사 코드를 보다보니 .ejs 파일이 있었다. 회사의 프로젝트가 리액트가 나오기 전에 만들어졌기 때문에, 바닐라 js, 클래스형 react, 함수형 react가 모두 섞여있다. 이슈들 처리하면서 .ejs 쪽은 볼일이 없었는데, 이번에 새로 맡은 이슈를 처리하려면 .ejs에 대한 이해가 좀 필요할 것 같아서 이번 기회에 찾아보았다.

ejs란 Embedded Javascript Template의 약자로, 자바스크립트가 내장되어 있는 html 파일이다.

---

ejs 공식 문서
일단 이 위의 링크는 ejs 공식 문서이다. 사용법이 깔끔하게 적혀있으니 읽어보면 좋을 것 같다.

특징

1. ejs는 html 태그처럼 자바스크립트 내용을 삽입할 수 있다.
   일반 html 파일은 <script>태그를 사용해서 javascript를 사용하지만, ejs는 지정된 태그를 통해 스크립트 내용을 하나의 요소처럼 사용할 수 있다.
2. 서버에서 보낸 변수를 가져와 사용할 수 있다.
3. 문법이 단순하다. <% %>태그 안에 자바스크립트 코드를 쓰면 된다. (줄바꿈 시 새로운 <% %>를 이용해야 한다.)

   <% if (user) { %>
      <h2><%= user.name %></h2>
   <% } %>