[UI설계][Figma] FLAG - POST/REPLY UI 개선 및 요구사항 추가

✅ 게시글 뷰 UI 업데이트

✅ 댓글 형식 개선

⏺ 게시글 (post)

 

• 해당 게시글 전체 댓글영역 위에 댓글 입력 input태그가 존재한다.

⏺ 댓글 (Reply)

 

• 댓글은 <로그인한 유저>만 적을 수 있다.
• <로그인한 유저>에게는 “댓글을 입력하세요” 가 보인다.
• <로그인하지 않은 유저> 에게는 “로그인한 유저만 댓글을 달 수 있습니다 ” 가 보이고, [등록]버튼은 보이지 않는다.

 

• 댓글에는 [댓글번호]가 보여야한다.
• 댓글 아래엔 [답글달기]가 있어야한다.
• 본인이 단 댓글엔 [삭제하기]가 있어야한다.

 

• [답글 달기]를 클릭할 경우, 댓글 아래에 답글을 달수 있는 input태그가 나타나야한다.
• [답글 달기]를 다시한번 클릭한 경우 input태그가 사라져야한다.

 

• 만약 2번 댓글이 삭제될 경우, 3번 댓글이 2번으로 보여야한다.

 

⏺ 답글 (Reply - parent/child)

 

• 답글에는 [댓글번호], [답글달기] 를 invisible 로 바꾼다.
• 본인이 단 답글엔 [삭제하기]가 있어야한다.
• 답글번호가 없기 때문에, 답글을 한 영역으로 묶어서 보여준다.

본격적으로 스프링 공부 들어가기 전에 시간이 살짝 남아서 진행해봤다.
시간이 나면 문서화를 제대로 더 해야겠다.!

제대로 된 기능 정의랑 화면이랑 설계서 없이 하려니까 얼마나 막막했을까 생각이 갑자기 많이 드는 중 ㅠㅡㅠ