Step 3 Practice 🎯

example을 참고하여 댓글 시스템을 만들어보세요!

💬 댓글 시스템

댓글 0개
첫 댓글을 작성해보세요!

📋 단계별 가이드

1단계: 기본 구조 만들기
  • 요소들 선택하기
  • comments 배열 만들기
2단계: addComment 함수
  • 입력값 가져오기
  • 유효성 검사
  • 댓글 객체 만들어서 배열에 추가
  • renderComments() 호출
  • 입력창 비우기
3단계: renderComments 함수
  • 배열 비었으면 빈 메시지 표시
  • 댓글 개수 업데이트
  • 기존 목록 비우기 (innerHTML = '')
  • forEach로 댓글 카드 생성 및 추가
4단계: deleteComment 함수
  • filter로 해당 id 제외
  • renderComments() 호출