[DEV] 댓글 영역 컴포넌트 템플릿 (CommentArea)

[callmebyneon]

컴포넌트 레이아웃

• [x] 영역 상자 + 타이틀 영역(아이콘+"댓글/스터디 Q&A"+댓글 수)
• [x] 댓글 아이템 (댓글 정보 출력)
  • [x] 답글쓰기 버튼 클릭 시 답글 입력창(CommentInput.tsx) 추가
  • [ ] 수정 버튼 클릭 시 수정 textarea 표시/추가
  • [ ] 삭제 버튼클릭 시 confirm modal에서 삭제 확인
• [x] 댓글 입력 창 (작성자 프로필 이미지 + 작성 영역)
  • [x] 작성 유도 버튼 (클릭시 입력창으로 변환)
  • [x] 댓글 입력 textarea + 취소 버튼(클릭 시 작성 유도 버튼으로 변경) + 등록 버튼(댓글 등록)

필요한 데이터 타입

• [ ] commentId
• [ ] 댓글 내용
• [ ] 작성한 사용자 정보 (이름, 포지션, 프로필 이미지[, 프로 여부])
• [ ] 작성일시
• [ ] 답글 배열
  • [ ] 상위(origin) commentId => originId?
  • [ ] commentId
  • [ ] 댓글 내용
  • [ ] 작성한 사용자 정보
  • [ ] 작성일시