Task 02 Task 02 사용자 시나리오 검증 실습 가이드
📥 실습 입력 (Input)
- •
day7_meeting_notes.md(회의록)
💾 실습 출력 (Output)
- •
day7_scenario_solution.js
1. 스토리 및 실습 배경
개발팀에서 예약 상세 생성 기능을 완벽하게 만들었다고 배포했습니다. 그런데 베타테스터 한 분이 예약을 하려고 상세 예약을 고른 다음, 예약 확정 전에 담당 전문가의 평점을 다시 조회하기 위해 '뒤로 가기'를 눌렀습니다. 그러자 방금 전 입력했던 예약 슬롯 날짜 정보가 전부 공백으로 리셋되어 버려 사용자는 화가 나 앱을 종료했습니다.
개발자 입장에서는 데이터베이스에 예약 데이터를 저장하는 개별 함수가 잘 돈다고 생각했지만, 실제 사용자가 앱을 이용해 가입부터 전문가 검색, 시간 예약, 결제까지 하나의 긴 시나리오(User Journey Flow)를 타고 흐를 때는 이처럼 정보의 누락이나 학습 흐름의 붕괴가 자주 일어납니다. 이번 실습에서는 Codex AI를 활용하여 시나리오의 처음과 끝에 걸친 전 기능 흐름을 한 호흡으로 전수 추적하고, 동선 흐름상의 단절 구간을 찾아내 교정하는 방법을 실습합니다.
2. 학습 목표
- 단편적인 기능 단위 테스트를 넘어, 사용자의 여정(Scenario Flow)을 입체적으로 바라볼 수 있다.
- 연속된 기능 호출 구조 내에서 이전 상태 값이 어떻게 유지되고 소실되는지 흐름을 진단할 수 있다.
- AI 가이드를 활용하여 시나리오 점검 시 누락하기 쉬운 필수 확인 목록을 정형화할 수 있다.
🛠️ 실제 따라 하기 실습 가이드
- 실습용 파일 생성: 아래 다운로드 버튼을 눌러
day7_meeting_notes.md파일을automation/폴더 내에 저장합니다. - Codex 시나리오 분석 지시: Codex Client 프롬프트 입력창에 아래 **Codex 요청 프롬프트**를 입력하고 전송합니다.
- 세션 보존 스크립트 작성: 피드백으로 출력된 sessionStorage 기반 검색 복원 스크립트를 실제 로직에 붙이고 뒤로가기 시 필터 카테고리가 안전하게 재탑재되는지 검증합니다.
실습 자료 다운로드
Codex 요청 프롬프트
Task 02 Prompt
제공된 day7_user_flow.md 명세(가입 ➔ 전문가 검색 ➔ 상세 예약 ➔ 가상 결제)의 단계별 호출 순서를 분석하여, 사용자가 이 동선을 탈 때 정보 유실이 일어나기 가장 쉬운 2가지 핵심 구간을 진단하고, 이를 방지하기 위한 상태 보존 로직 구조를 대안 코드로 제안해 주세요.
4. 결과물 예시
Codex는 회의 기록을 분석해 아래와 같이 정규화된 데이터 엔티티 매핑 및 Mermaid ERD 스크립트를 출력합니다.
| 파일명 | 상태 캐싱 | 백업 대상 정보 | 회복성 보증 구간 |
|---|---|---|---|
| day7_scenario_solution.js | sessionStorage 활용 | 검색 필터값 (Category, Rating 등) | 목록 회귀 시 필터 유지 |
5. AI 활용 포인트
- 시나리오 갭 식별: 단일 소스만 보고서는 알아채지 못하는 다중 화면 스펙 간의 데이터 이동 병목과 복원 요소를 도출합니다.
- 사용자 경험 위협 요소 매핑: '개발적으로 완벽한 로직' 뒤에 숨은 '사용자를 피곤하게 만드는 절차'를 AI가 제3자의 시선으로 지적합니다.