시안 · 2026-10-14 전달본 · 390 × 844

마감요정 3.0 — 시안과 실제 구현

디자이너가 넘긴 시안 90장을 사장님이 앱을 처음 열고 하루를 보내는 순서로 다시 늘어놓았습니다. 카드마다 왼쪽이 시안, 오른쪽이 실제 구현(실서버와 같은 코드, 2026-10-16)이고, 누르면 둘을 전체 길이로 나란히 봅니다. 바꾼 점은 꼬리표로, 바꾼 이유는 맨 아래 결정 번호로 모았습니다.

구현 검수 현황 · 2026-10-16

88 / 88시안 픽셀 비교 — 등록한 화면 전부 허용치 안, 평균 차이 2.8%
0건반응형 문제 — 88화면 × 기기 9종
899 / 899단추 배선 — 누르면 무언가 일어나는지
731 · 860백엔드 · 프런트 단위·통합 테스트 전부 통과
55 · 88/88E2E 시나리오 통과 · 모든 화면이 한 번 이상 열림

실서버: m.magam.click (AWS). 같은 인프라에서 E2E 54/54 통과 · 화면 88/88. 가입은 사업자등록번호·영업시간·고정비 필수(사장님 결정 2026-10-16).

구현에만 있는 화면

시안 90장에는 없지만 실제 제품에서 사용자가 만날 수 있는 화면입니다.

디자인 변경 정리

시안과 사장님이 정해 둔 설계 원칙이 다를 때는 원칙을 따랐습니다. 아래 결정 번호는 docs/V3-DECISIONS.md 의 번호이고, 사장님이 확인하기 전까지의 작업 가정입니다. 뒤집으면 그 줄의 화면만 시안대로 되돌리면 됩니다.

결정무엇을 바꿨나왜화면

디자이너 저장소에도 같은 변경을 PR 로 올려야 두 저장소가 갈라지지 않습니다(PR 여덟 건, 결정 문서 I절). 구현 스크린샷은 390px 폭, 시안과 같은 예시 자료·시각(2026-10-13 22:00)으로 찍은 전체 길이입니다.

시안

실제 구현