[FE-16] 앱 게시글 상세 + 댓글 (A-P4, 토큰 리트로핏)
작업 내용 (설계 의도)
변경 사항
기존 mobile/app/community/[id].tsx(전역·모임 게시글 공용 상세, 현재 하드코딩 색)를 확장한다.
- 댓글 목록·작성 추가:
useComments(postId)·useAddComment(postId). 입력창(CommentInput) + 리스트(CommentList). 낙관적 반영 + 실패 롤백(FE-06 훅). - 모임 게시글이면
getPost(id, requesterId)로 X-User-Id 인가 → 403 시 잠금 UI(에러 아님), 404 “없는 게시글”. - NOTICE 배지 상단 표시.
- 하드코딩 색(
#fff/#007AFF) →useTheme()토큰 전면 교체(라이트/다크). 4상태(로딩/댓글0건 “첫 댓글을”/에러/본문+댓글).
근거: design-fe-app A-P4.
의존
- FE-06 (usePost 확장·useComments·useAddComment)
다이어그램
클래스 의존
flowchart LR Screen["community/[id]"] --> P["usePost (FE-06)"] Screen --> C["useComments/useAddComment (FE-06)"] Screen --> Theme["useTheme tokens"]
테스트 케이스
- 본문·댓글 목록이 렌더된다
- 댓글 작성 시 낙관 반영 후 성공하면 유지, 실패하면 롤백된다
- 댓글 0건 시 “첫 댓글을 남겨보세요”가 렌더된다
- 모임 게시글 403 시 잠금 UI, 404 시 “없는 게시글”이 렌더된다
- NOTICE 게시글에 공지 배지가 표시된다
- 하드코딩 색 0건, 라이트/다크 모두 렌더된다