로그인 유무에 따라 navbar에 login 버튼 활성화 또는 비활성화

[최태성]

모든 페이지에 <%- include('nav.ejs') %> 코드를 추가하여 nav.ejs를 불러오는 상태이고

nav.ejs 코드는 이러합니다.
<nav class="navbar navbar-expand-lg bg-body-tertiary">
  <div class="container-fluid">
    홈
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
      aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
      <div class="navbar-nav">
        Write
        Login
        Logout
        Register
        Mypage
      </div>
    </div>
  </div>
</nav>

server.js 에서 

function logincheck(req, res, next) {
    if(req.user) {
        next()
    } else {
        res.send('<script>alert("로그인이 필요합니다");location.href="/login";</script>')
    }
}

login 유무를 체크하는 코드도 추가해서 logout 기능도 만들었는데 login 버튼과 logout 버튼을 req.user 변수에 따라 활성화 시키고 비활성화 시키는 코드를 짜고싶은데
req.user 이 변수를 include로 불러오는 nav.ejs 파일에 보내는 방법 좀 알려주세요.. 여러 방법을 써도 ejs 파일에서는 변수 is not defined 라고 뜨네요

[codingapple]

<%- include('nav.ejs', { data : data1 }); %>
이러면 data이름으로 data1이라는 변수 전송해줍니다

[최태성]

해결했습니다ㅠㅠ 클래스 추가로 버튼 숨기지 않고 ejs 문법 활용해서 버튼 생성하는 방법으로 해결했습니다. 감사합니다!!

[글쓴이]

글