Step 3 Challenge 🚀

📋 구현할 기능

• 기본 댓글 작성/삭제 기능
• 좋아요 버튼: 클릭하면 하트 색 변경 + 카운트 증가/감소
• 수정 버튼: 클릭하면 댓글 내용이 input으로 변경, 수정 완료 가능
• 정렬: 최신순 ↔ 좋아요순 전환
• 총 좋아요 개수 표시

💡 힌트

• 댓글 객체에 likes와 isLiked 속성 추가: { ..., likes: 0, isLiked: false }
• 좋아요 토글: isLiked 반전 → likes 증감 → render()
• 수정: 댓글 내용을 textarea로 교체 → 수정 완료하면 배열 업데이트
• 정렬: sort() 사용 comments.sort((a, b) => b.id - a.id)
• 총 좋아요: reduce()로 합계

📝 댓글 카드 예시

<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>