[Node js 기본] - ejs 에서 for 문 로직 사용하기

ejs 는 html 마크업 언어를 그대로 사용할 수 있으면 Javascript 구문을 임베디드 할 수 있어 템플릿 앤진으로 가장 많이 사용됩니다.

ejs 파일에서 js 구문을 추가할때 <%%> 구문을 사용합니다. 이 구문을 사용하여 ejs 파일에서 어떻게 for 문을 만들 수 있는지 살펴보도록 하겠습니다.

1. 에러가 나는 for 문 로직

<%= for(let j = 0; j< 6; j++){%>

<ul>

<h1> hi </h1>

</ul>

<%}%>

위 로직은 6번 for 문을 돌면서 for문 아래의 구문을 반복해서 생성해주는 로직입니다. 

SyntaxError: Unexpected token for

하지만 위 로직은 위와 같은 에러가 발생합니다.

아래의 다른 로직을 보시죠. 

2. 에러가 나지 않는 for 문 로직

<% for(let j = 0; j< 6; j++){%>

<ul>

<h1> hi </h1>

</ul>

<%}%>

위에서 에러가 났던 로직과의 차이점을 아시겠나요? 

ejs 에서 <%%> 구문을 사용할때 로직이 담긴 즉 for, if 같은 구문이 포함되어 있으면 <%%>  안에 '=' 를 사용하면 안됩니다.

값에 해당하는 부분에만 <%=%> 를 사용해야 합니다.

레퍼런스

[1] https://ejs.co/