회원 기능을 포함한 게시판 기능

수업때 말씀하신 로그인한 계정이 글 작성자와 일치하지 않으면 게시물의 수정 삭제 버튼이 보이지 않게하는
업데이트를 진행하고 있었는데,

(패스포트 하단에)
app.get("/list", function (req, res) {
db.collection("post")
.find()
.toArray(function (err, result) {
console.log(typeof result[0].writerId); //object
res.render("list", { posts: result, userId: req.user._id });
console.log(typeof req.user._id); //object
});
});

이렇게 작성해 로그로 비교할 값들의 자료형을 미리 확인하고,

list.html에서 (넌적스 입니다)

...
<div class="container mt-3">
<ul class="list-group">
{%for val in posts%}
<li class="list-group-item">
<p>글번호 : {{val._id}}</p>
<h4 class="goToDetail">{{val.title}}</h4>
<p>{{val.description}}</p>
<p>{{val.dateNow}}</p>
<p>작성자명: {{val.writerName}}</p>

<p>작성자 아이디 : {{val.writerId}}</p>
<p>현재 유저 아이디 : {{userId}}</p>

{% if userId == val.writerId %}
<button class="delete btn btn-info" data-id="{{val._id}}">삭제</button>
<button class="edit" onclick='location.href="/edit/{{val._id}}"'>수정</button>
{% else %}

{% endif %}
<button class="edit" onclick='location.href="/detail/{{val._id}}"'>상세 페이지 이동</button>
</li>
{% endfor %}
</ul>
</div>
...

이런식으로 코드를 작성했는데

사진과 같이 고유 아이디(자동으로 생성되는 오브젝트 아이디)(게시글이 작성자명 test)가 일치하는 것도 버튼 표시가 안됩니다.