홈 화면 연동, 넛지 문구, 수정됨 표시 세 가지를 구현하겠습니다.
이제 세 가지 기능을 구현하겠습니다.
1. types/post.ts - isEdited 필드 추가
2. post-card.tsx - (수정됨) 표시 추가
3. write-post-modal.tsx - 넛지 문구 추가
4. 홈 화면 커뮤니티 미리보기 컴포넌트 생성
5. page.tsx - 홈 화면에 커뮤니티 미리보기 연동
6. mock-data에 수정된 게시글 예시 추가
세 가지 기능을 모두 구현했습니다:
isEdited 필드를 추가하고, PostCard에서 수정된 게시글은 작성 시간 옆에 "(수정됨)"이 표시됩니다. 테스트를 위해 첫 번째 게시글에 isEdited: true를 추가했습니다.댓글 수정/삭제 기능을 구현하겠습니다. 먼저 현재 Comment 타입과 PostDetail 컴포넌트를 확인하겠습니다.
이제 댓글 수정/삭제 기능을 구현하겠습니다. Comment 타입에 authorId, isEdited 필드를 추가하고, PostDetail에 수정/삭제 UI를 추가합니다.
1. types/post.ts - Comment 타입 확장
2. post-detail.tsx - 댓글 수정/삭제 기능 추가
이제 댓글 렌더링 부분에 수정/삭제 UI를 추가합니다.
3. mock-data.ts - 첫 번째 댓글을 "나"로 변경해서 수정/삭제 테스트 가능하게
댓글 수정/삭제 기능이 완성되었습니다. "나"가 작성한 댓글에만 옆에 세 점 메뉴가 표시되어, 클릭하면 수정/삭제 옵션이 나타납니다. 수정 시 인라인 에디터로 내용을 변경하고 저장할 수 있으며, 수정된 댓글에는 "(수정됨)" 표시가 붙습니다. 삭제 시 즉시 댓글이 제거되고 토스트 메시지가 표시됩니다.