[FEATURE] 댓글 수정 기능 구현 완료

[scs0209]

구현 완료 내용

댓글 수정 기능 구현

• 인라인 편집: 댓글을 클릭하여 바로 편집 모드로 전환
• 유효성 검사: react-hook-form + zod를 사용한 실시간 유효성 검사
• 컴포넌트 분리: CommentEditForm을 별도 컴포넌트로 분리하여 재사용성 향상

기술 스펙

• React Hook Form + Zod validation
• Controller를 사용한 textarea 제어
• Button 컴포넌트를 사용한 일관된 디자인 시스템
• TypeScript 타입 안전성 보장

관련 파일

• src/features/comment/ui/CommentEditForm.tsx - 댓글 수정 폼 컴포넌트
• src/features/comment/ui/Comment.tsx - 수정 기능이 추가된 댓글 컴포넌트
• src/features/comment/model/use-update-comment.ts - 댓글 업데이트 훅

주요 기능

✅ 인라인 댓글 편집
✅ 실시간 유효성 검사 (1-1000자 제한)
✅ 수정/취소 버튼으로 명확한 UX
✅ 로딩 상태 표시
✅ 에러 처리 및 사용자 피드백
✅ 디자인 시스템 일관성 유지

사용자 경험

• 수정 버튼 클릭 → textarea로 즉시 전환
• 실시간 입력 검증으로 즉각적인 피드백
• 저장/취소 버튼으로 명확한 액션 제공
• 에러 발생 시 적절한 알림 표시

유효성 검사 규칙

• 최소 1자 이상 입력 필수
• 최대 1000자 제한
• 공백만 있는 내용 방지 (trim 처리)
• 실시간 검증으로 사용자 경험 향상

Relates to #35