내 교육 트랙

배정된 모든 교육 트랙 — 진행 중·예정·종료 포함.

필터

요약

총평: PRD와 와이어프레임의 정합성이 높고, 4개 상태 모드(normal/edge/empty/overflow)와 모바일·데스크톱 뷰포트가 모두 구현되어 있다. 필터 칩, 정렬 로직, 빈 상태 두 종류까지 핵심 흐름이 누락 없이 반영되어 있다. 다만 필터 해제 유도, 진입 동선 일부, 자매 페이지 간 activeSub 불일치 등 소규모 개선 사항이 존재한다.

PRD 상태: 있음 (updated: 2026-05-27, status: draft)

자매 페이지: rp-mypage, rp-mypage2, rp-explore, rp-analysis, rp-history, rp-session-detail, rp-track-detail, rp-scenario-detail, rp-session-play

발견사항 (우선순위순)

P0 — 막힘/충돌

해당 없음.

P1 — 개선 권장

필터 빈 상태에서 필터 해제 유도 없음 [관점: PRD정합성]

현상: 필터 적용 후 결과가 0건이면 "조건에 맞는 트랙 없음" 텍스트만 표시된다. PRD §4 빈 상태 항목에는 "필터 해제 유도"가 명시되어 있으나 와이어프레임에 해당 액션이 없다.
영향: 사용자가 필터를 걸었다는 사실을 잊으면 페이지 자체가 비어 있다고 오인할 수 있다.
제안: EmptyState에 "전체 보기" 버튼(또는 filter === "all"으로 리셋하는 인라인 링크)을 추가한다.
영향 파일: /Users/jungeunkim/Desktop/TIPP-design/playground/components/wireframes/rp-my-tracks.tsx (EmptyState 컴포넌트)

rp-track-detail의 activeSub가 "explore"로 되어 있어 내 교육 트랙 진입 맥락과 불일치 [관점: 인터랙션]

현상: rp-my-tracks의 카드 클릭은 /wf/rp-track-detail?id=<id>로 연결된다. 그런데 rp-track-detail.tsx는 activeSub="explore"를 사용 중이어서, 내 교육 트랙에서 진입해도 GNB 하이라이트가 "탐색" 탭으로 표시된다.
영향: 사용자가 탐색 탭에서 온 것처럼 보이는 내비게이션 혼선 발생.
제안: rp-track-detail이 my-tracks 진입과 explore 진입을 쿼리 파라미터(예: ?from=my-tracks)로 구분하거나, activeSub를 동적으로 받도록 개선 방향을 검토한다. 와이어 단계에서 즉시 결론을 내리기 어려우면 PRD §5 결정 필요 항목에 추가한다.
영향 파일: /Users/jungeunkim/Desktop/TIPP-design/playground/components/wireframes/rp-track-detail.tsx

홈(rp-mypage2)에서 rp-my-tracks 진입 동선 미확보 [관점: 인터랙션]

현상: PRD §2 진입 맥락에 "홈에서 진행 중 트랙 섹션이 비어 있을 때 전체 트랙 보기 유도"가 명시되어 있다. rp-mypage(A안)는 rp-my-tracks 링크가 두 군데 존재하나, rp-mypage2(B안)에는 rp-track-detail 링크만 있고 rp-my-tracks로의 직접 연결이 없다(파일 내 검색 결과 없음).
영향: B안이 채택될 경우 PRD가 정의한 주요 진입 경로 중 하나가 사라진다.
제안: rp-mypage2에 "내 교육 트랙 전체 보기 →" 링크를 추가하거나, menu-tree에 B안의 동선 미확보 사실을 note로 기록한다.
영향 파일: /Users/jungeunkim/Desktop/TIPP-design/playground/components/wireframes/rp-mypage2.tsx

P2 — nice to have

overflow 모드에서 페이지네이션/더보기 처리 미표현 [관점: 정보구조]

현상: PRD §5에 "12개 이상 시 더보기 vs 무한 스크롤은 와이어 단계에서 단일 페이지 노출"로 유예되어 있고, 와이어프레임도 그대로 단일 목록으로 렌더링한다. 구조적으로 막히지는 않지만, overflow 모드에서 목록 하단에 "더보기(미정)" placeholder 주석이라도 있으면 디자인 단계 진입 전에 결정 시점을 명확히 할 수 있다.
제안: overflow 모드 하단에 {/* TODO: 페이지네이션 방식 미결정 — PRD §5 참조 */} 주석 또는 placeholder 블록 추가.
영향 파일: /Users/jungeunkim/Desktop/TIPP-design/playground/components/wireframes/rp-my-tracks.tsx

dueLabel 정보가 카드에서 상태 배지와 중복 가능 [관점: 정보구조]

현상: 카드 상단에 status 배지(진행 중, 기간 만료 등)와 기간 문자열, 그리고 dueLabel(D-N 등)이 한 행에 함께 표시된다. "기간 만료" 상태인 경우 dueLabel과 카드 하단 "기간 종료" 텍스트가 동일 맥락을 두 번 표현할 수 있다.
제안: ended phase일 때 dueLabel 표시를 숨기거나, 카드 하단 "기간 종료" 문구와 역할을 구분한다(예: dueLabel은 날짜 차이, 하단은 조건 상태).
영향 파일: /Users/jungeunkim/Desktop/TIPP-design/playground/components/wireframes/rp-my-tracks.tsx (CourseCard 컴포넌트)