좋아요 기능과 수정 기능을 추가한 고급 댓글 시스템!
{ ..., likes: 0, isLiked: false }
comments.sort((a, b) => b.id - a.id)
<div class="bg-gray-50 p-4 rounded border">
<div class="flex justify-between mb-2">
<div>
<span class="font-bold">이름</span>
<span class="text-sm text-gray-500">시간</span>
</div>
<div class="flex gap-2">
<button class="edit-btn">수정</button>
<button class="delete-btn">삭제</button>
</div>
</div>
<p class="text-gray-700 mb-3">댓글 내용</p>
<button class="like-btn flex items-center gap-1">
<span>🤍</span> <!-- 좋아요 안 한 상태 -->
<span>❤️</span> <!-- 좋아요 한 상태 -->
<span>0</span>
</button>
</div>