PRD — rp-scenario-detail

updated: 2026-06-01 · status: draft 메뉴: 롤플레잉 > 탐색 (rp-explore의 카드 클릭, 또는 "전체 시나리오 보기 →" 진입)

0. 용어 정의

시나리오(scenario): 여러 롤플레잉을 묶은 그룹. 좌측 색인 트리의 잎(leaf) 단위.
롤플레잉(roleplay) / 캐릭터(character): 시나리오 내 단일 시뮬레이션 단위. 우측 카드 목록에서 1개 선택해 세션 진입.

1. 목적

시나리오를 선택한 사용자가 이 시나리오 안에서 어떤 캐릭터(상대 역할)로 연습할지 고르는 화면이자, 동시에 전체 시나리오 카탈로그를 좌측 색인 트리로 한눈에 조망하는 화면. 사용자는 한 시나리오에서 다른 시나리오로 **컨텍스트 유지된 채로 옆걸음(lateral browse)**할 수 있어 카탈로그를 빠르게 훑을 수 있다.

2. 사용자

주 사용자: 임직원 학습자 (탐색 페이지에서 카드를 클릭했거나, 카탈로그 전체를 둘러보고 싶은 상태)
빈도: 1개 시나리오를 며칠~몇 주에 걸쳐 반복 — 캐릭터별로 분할 도전 / 또는 한 번에 여러 시나리오 비교 탐색
진입 맥락:
- rp-explore의 시나리오/롤플레잉 카드 클릭 → 해당 시나리오 자동 선택
- rp-explore 끝의 "전체 시나리오 보기 →" 링크 → 좌측 트리만 열린 상태 (우측 placeholder)
- 좌측 트리 내 다른 시나리오 클릭 → 같은 페이지에서 우측만 갱신

3. 핵심 사용 흐름

진입: 좌측 색인 트리(카테고리>시나리오) + 우측 선택된 시나리오의 캐릭터 목록
(탐색) 좌측에서 다른 시나리오 클릭 → 우측 갱신, URL/breadcrumb도 동기화
(선택) 난이도 필터로 캐릭터 목록 좁히기
캐릭터 카드 훑기 — 난이도/요약/마지막 시도 점수 확인
"시작" 또는 "재도전" 클릭 → 롤플레잉 세션 진입

4. 주요 정보·액션

4.1 좌측 색인 트리 (신규 핵심)

그룹화 기준: 카테고리만 (리더십 / 영업 / CS / 면접 등). 트랙 그룹은 별도로 만들지 않음.
각 카테고리 노드: 카테고리명 + 우측에 시나리오 총 개수
각 시나리오 노드(잎):
- 시나리오명
- 우측에 총 캐릭터/롤플레잉 수
- 트랙 태그: 사용자가 배정된 트랙에 속한 시나리오는 라벨 옆에 작은 트랙 배지(예: 신임 팀장) — 그룹화 중복 회피
- 현재 선택된 시나리오는 강조(배경/볼드/좌측 인디케이터)
- 진행 시그널: 시도 이력이 있으면 작은 점(•) 또는 진행률 마이크로 바
검색/필터: 좌측 트리 상단에 텍스트 검색 1개 (옵션 — 결정 필요 항목)
트랙 필터 셀렉터: 좌측 트리 상단에 트랙 선택 칩 — 전체 트랙 + 시스템에 정의된 개별 트랙 이름들. MVP는 2개 트랙 가정 (신임 팀장, CS 강화). 선택된 트랙의 trackTag가 일치하는 시나리오만 표시하고, 매칭이 없는 카테고리 그룹은 숨김. URL 파라미터 ?track=<트랙명>으로 초기 상태 동기화. legacy ?filter=my-track은 첫 번째 트랙으로 매핑. 칩 UI로 진행하고, 트랙이 5+가 되면 dropdown 전환.
데스크탑: 좌측 고정 폭 사이드바 (200~240px)
모바일: 사이드바 불가 → 2-스크린 네비게이션. 첫 진입 시 시나리오 목록 화면(목록 스크린)을 바로 노출. 시나리오 선택 시 디테일 화면(디테일 스크린)으로 전환. 디테일 상단 "← 시나리오 목록" 버튼으로 목록 스크린 복귀. 드로어 방식 불채택 — 첫 진입 시 목록이 숨겨지고 back 버튼 동작이 모호해지는 문제 때문.

4.2 우측 — 시나리오 헤더 + 캐릭터 목록

헤더: breadcrumb (탐색 > 리더십 > 원온원) + 카테고리 칩 + 시나리오명 + 한 줄 설명 + 내 진행도(예: 3/7 완료) + (해당 시) 트랙 태그
난이도 필터(전체/하/중/상)
캐릭터 카드(롤플레잉 단위) — 이름, 난이도, 한 줄 성격/맥락 요약, 예상 소요 시간, 마지막 시도 결과(점수·날짜) 또는 "미시도" 상태
CTA: "시작 →" (미시도) / "재도전 →" (시도 이력 있음)

4.3 빈 우측 상태 (시나리오 미선택)

"전체 시나리오 보기 →"로 진입한 경우 우측은 placeholder
placeholder 메시지: "왼쪽에서 시나리오를 선택하세요" + 추천 시나리오 3개 칩(이번 주 추천/내 트랙/최근 등록)으로 자연 진입 유도

4.4 액션

다른 시나리오 클릭 → 같은 페이지에서 우측만 갱신 (페이지 reload 없이, URL params 갱신)
캐릭터 카드 CTA → 롤플레잉 세션 진입
breadcrumb의 "탐색" 클릭 → rp-explore로 복귀

수집할 사용자 액션 데이터

trigger	이벤트	프로퍼티	수집 사유
좌측 트리 시나리오 클릭	`rp_scenariodetail_lateral_browse`	fromScenarioId, toScenarioId	옆걸음(lateral browse) 카탈로그 탐색 깊이(§1)
캐릭터 카드 CTA(시작/재도전)	`rp_scenariodetail_character_start`	scenarioId, characterId, ctaType(start/retry)	캐릭터 선택→세션 전환(핵심 목적)
breadcrumb "탐색"	`rp_scenariodetail_back_explore`	—	탐색 복귀 동선
트랙 필터 칩	`rp_scenariodetail_track_filter`	trackId	트랙 기준 색인 좁히기 사용률
난이도 필터	`rp_scenariodetail_difficulty_filter`	difficulty	캐릭터 난이도 선호

PII: scenarioId/characterId 등 식별자만.

5. 결정 필요 항목

좌측 트리 상단 검색 박스 유무 — MVP 미포함. 카테고리 7+ 이상 시 추가.
트리 노드의 시도 이력 시그널 — 마이크로 진행률 바 (1~2px).
모바일 전환 UI — (b) 2-스크린 네비게이션. 첫 진입=목록 스크린, 시나리오 선택=디테일 스크린 전환, "← 시나리오 목록" 버튼=복귀. (a) 드로어 방식은 첫 진입 시 목록 미노출·back 동작 모호 문제로 기각.
좌측 트리에서 시나리오 외에 단일 롤플레잉도 노출할지 — 시나리오까지만. 롤플레잉은 우측 카드 목록에서만 표시.
카테고리 노드 클릭 시 동작 — (a) 펼침/접힘 토글만. 자동 선택 없음.
캐릭터 카드의 합격/미달·점수 표현 — 두 줄 분리. 마지막 점수(마지막 세션 기준)와 합격/미달(총 세션 기준)은 다른 줄에 표기. Character 타입에 totalSessions: number, overallPassed: boolean | null 필드 추가.
캐릭터 일러스트/아바타 — 미표시. 와이어 단계에서 placeholder 박스 포함하지 않음.