등록·일정 등 이후 화면이 함께 쓰는 시안 컴포넌트.
- 입력칸·선택 칸·2지선다·태그 칩 (테두리는 컨테이너가 그려 시안 치수 46 과 일치)
- 바텀시트(바닥까지 채우는 버튼 포함)·가운데 확인창·토스트(전역, 2초)
- 휠 선택 열 + 생년월일 선택 시트, 카드·점선 테두리·섹션 제목·구분 띠·하위 화면 헤더
- 날짜 표기(9월 28일 · 2021.09.14) · 을/를 조사 순수 함수
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
시안 styles.css 뒷부분의 전역 규칙이 .rup-btn · 선택 버튼 · 하단 탭 라벨을
제목 서체(충북대체) 800 으로 덮어쓴다는 것을 놓쳤다.
- RupButton: 제목 서체 사용, thin(600)·danger 변형 추가 (인트로 CTA 는 본문 서체 유지)
- 탭 라벨: 제목 서체 800, 가운뎃점만 본문 서체로 그려 "일정·기록" 이 벌어져 보이지 않게 함
(브라우저는 CJK 문장부호 간격을 자동으로 줄이지만 Flutter 는 글리프 폭을 그대로 쓴다)
- 이후 화면에 필요한 색 토큰(오류·시트 배경·빈 명함 등) 추가
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
시안의 첫 진입 흐름을 순서대로 옮겼다.
- 스플래시: 이미지 디코딩 후 등장 애니메이션 재생, 2.6초 뒤 진입 단계에 맞는 화면으로 이동
- 인트로·온보딩은 설치 후 1회만 노출, 로그아웃 시 로그인으로 복귀 (EntryState → 라우터 redirect)
- 온보딩 일러스트는 블러·마스크 때문에 레이어별 PNG 로 래스터화하고 움직임은 Flutter 로 재현
(하단 안내문·시작하기 버튼은 비율이 다른 기기에서 잘리지 않도록 위젯으로 분리)
- 로그인은 DemoAuthRepository 로 임시 처리 — 소셜 SDK 앱 키와 백엔드 인증 API 연동 시 교체
- 하단 탭 4개 셸(StatefulShellRoute), 탭 화면은 흐름 순서대로 교체할 자리만 둔다
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude Design 에서 내보낸 시안은 로컬 참고용이고 개인 사진이 섞여 있다.
앱에 필요한 에셋만 flutter/assets/ 로 옮겨 커밋한다.
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
ttipo