HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
프로그래머스 프론트엔드 데브코스 2기
프로그래머스 프론트엔드 데브코스 2기
/
🏃🏻‍♂️
달리팀
/
🍉
1차 프로젝트 문서
/2차 스프린트 회의/
cardDetailPage

cardDetailPage

 

페이지 CardDetail

  • 칭찬한 사람과 칭찬받은 사람 표시 TTaBonerAndTTaBonged
  • Praise 칭찬 사유
  • Image 사진
  • LabelList 칭찬 라벨
  • Like 좋아요 버튼
  • CommentList
    • Avatar
    • comment
  • Input 댓글 입력 인풋
 
 
 
 

컴포넌트

TTaBonerAndTTaBonged

 
notion image
 
  • onClick 이벤트
    • 아바타 클릭시 해당 되는 사용자로 라우팅
 

Praise,Image,LabelList, Like 컴포넌트

notion image
칭찬사유 스크롤? 모달창?
사진 전용 모달창?
→ base modal이 필요하실듯
 
Like 컴포넌트
  • onClick 이벤트
    • 클릭시 Like api 콜 호출
    • 이후 Api 콜 반영을 위해서 리렌더링
 
 

댓글 입력

notion image
  • onChange
    • 사용자 입력 받기
  • onClick or onSubmit
    • api 콜 요청 댓글쓰기
    • 이후 다시 리렌더링
 
 
 

CommetList

 
notion image
 
각 Comment의 Avatar 클릭시
  • onClick 이벤트
    • 해당 사용자로 라우팅