사용자 경험과 운영 검수 화면을 함께 보여주는 실행 설계입니다.
스토리보드란?
스토리보드는 수정할 기능과 검수할 결과를 화면으로 미리 확인하는 문서입니다. 사용자와 운영자의 주요 흐름을 실제 서비스에 가깝게 정리했습니다.
마지막까지 보시면 어떤 화면에서 무엇을 검수할지 분명해집니다.
핵심 참여 흐름을 기기별로 확인하고, 중복 투표는 저장 단계에서 막습니다.
이미지 로딩 확인
자르기·미리보기
두 이미지 살펴보기
한 표만 저장
기록·다음 콘텐츠
실사용자가 이미지를 편집하고 투표로 이동하는 핵심 화면입니다. 제안서의 기기별 안정화와 이미지 로딩 개선을 검수합니다.
iPhone Safari·Android Chrome·데스크톱 Chrome에서 이미지 로딩·편집 상태를 확인하고, 연동 오류와 과도한 렌더링을 수정합니다.
첫 투표는 반영하고 같은 사용자의 두 번째 요청은 차단되는 상태를 함께 보여줍니다.
사용자·투표 대상 고유 제약과 단일 DB 트랜잭션/RPC로 동시 요청 및 재시도에서도 한 표만 저장합니다.
사용자에게 완료 상태를 보여주면서, 운영 지표에 필요한 행동 이벤트가 기록되는 시점을 설명합니다.
편집 시작·투표 완료 등 이벤트명과 사용자/세션·콘텐츠·시각을 명세하고 서버에서 검증 후 기록합니다.
권한·기기별 QA·행동 데이터를 한 화면 흐름에서 추적합니다.
역할별 접근 확인
RLS·인증 패치
Safari·Chrome 점검
퍼널·이탈 조회
PR·보고서·조서
역할별 접근 매트릭스에서 허용과 차단을 확인하고, 취약점 수정 전후 결과를 비교합니다.
비로그인·일반·관리자 세션으로 직접 조회와 타인 ID 접근을 재현합니다. RLS migration 반영 후 동일 테스트를 재실행합니다.
기기별 문제를 수정 PR, 배포, 재점검, 결과보고서와 검수조서까지 연결합니다.
Safari·Chrome의 메인 흐름을 같은 체크리스트로 확인합니다. 프론트/백엔드 연동 및 이미지 성능 수정은 PR과 보고서로 추적합니다.
편집부터 투표 완료까지의 참여·이탈을 한눈에 보고 통계 자료를 CSV로 내려받는 화면입니다.
이벤트 명세에 맞춘 SQL/RPC로 단계별 인원·이탈률을 집계하고 권한 확인 후 통계 API와 CSV를 제공합니다.
유저 타입 3이 플랫폼을 사용하는 전체 흐름 설명.
단계 설명
두 번째 줄
단계 설명
두 번째 줄
단계 설명
두 번째 줄
단계 설명
두 번째 줄
단계 설명
두 번째 줄