HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🍭
프로그래머스 데브코스 기동팀 스크럼!
/
기동_2팀
기동_2팀
/
🔥
MyTreePage 기능 구현
🔥

MyTreePage 기능 구현

담당자
날짜
Oct 31, 2021 → Nov 1, 2021
상태
완료
속성
💻 Task
속성 1

사용자의 진도율을 파악하고, 사용자가 '좋아요'를 표시한 포스트를 진도별로 확인해 볼 수 있는 MyTreePage 구현

구현 우선순위

App.js 와 연결하기
페이지 마크업 구조 세우기
기본 스타일 적용하기
 

11/1

UnitContainer -사용자 진도 체크

데이터 연결
LevelUnit - 클릭 시, 10개의 유닛이 렌더링 됨
ChapterUnit - 클릭 시, TreeModal 출력

11/2

Unit 클릭 시, 해당 Step에 해당하는 채널의 포스트를 다 가져오고, 좋아요 한 목록이 있는지 검색
챕터 잠금 기능
클리어 된 챕터는 border 색상 바꿔서 넣어주기
 

TreeModal 11/2

API문서 확인하고, 포스트 데이터를 어떻게 가져올 지 확인
channel의 내 포스트와 좋아요 한 포스트 가져오기

TreeCover

 

부가적인 기능

사용자 진도 Badge 및 상자
로딩처리하기
 

기능 개발 3차 이슈