href에 변수을 넣을 수 있나요? for문에 탭을 넣으려 하는데 잘 안되네요 ㅜㅜ

Question

nodejs (ejs)

mongdb

사용중입니다.

부스트랩의 "탭" 사용중인데요. href에 변수를 넣으려고하는데 잘 안되네요.

글의 _id를 넣으면 웹출력시 들어가긴 하는데 탭이 동작을 안합니다.(F12로 확인)

href쪽에 변수를 지정해서 임의로 넣어주면될것 같은데

<% int aaa = 1; %> 넣어보니 EJS_Lint 에러나고 어떻게 해야할지 모르겠네요.

<% for (const p of freelBoard) { %> <% if(p.category == 'free_board') { %> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="<%= p._id %>">제목</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#asd2">트위터</a> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="<%= p._id %>"> <p>타이틀<%= p.title %></p> </div> <div class="tab-pane fade" id="asd2"> <br>링크1: <%= p.link1%></br></p> <p>링크2: <%= p.link2%></br></p> <p>링크3: <%= p.link3%></br></p> </div> </div> <% } %> <% } %>

Answer 1

안녕하세요.

아래처럼 수정해 보시고 탭이 동작하는지 보시기 바랍니다.

<!-- 기존 --> <a class="nav-link active" data-toggle="tab" href="<%= p._id %>">제목</a> <!-- 수정 --> <a class="nav-link active" data-toggle="tab" href="#<%= p._id %>">제목</a>