generated from ttipo/project-base
ttipo
dd8218f428
휴대폰에서 시안과 다르게 보이는 곳이 있어 화면마다 디자인 캔버스와 대조했다. 데이터나 기능이 없는 칸(배너 · 검색 축제 탭 · 정렬 · 로그인 · 지도 등)은 그대로 두고, 지금 맞출 수 있는 것만 고쳤다. - 공통: 화면 제목 17/24 w700. 전체를 못 불러온 화면(검색 · 행사 목록·상세 · 장소 상세)은 공통 오류 화면으로 - 홈: 카테고리 열 간격 8, '전체 보기' 누르는 칸 44, 반려 장소 줄 글자 크기, 꼬리말 출처와 안내를 한 문단으로 - 첫 실행: 그림·제목 묶음을 세로 가운데로, 언어 · 지역 고르기 버튼의 탭 영역을 보이는 크기로 - 검색: 뒤로 44, 지우기 원 크기·색, 결과 셋째 줄 높이, 빈 결과 아이콘 색 - 장소 상세: 뒤로 버튼 그림자 없음, 이용 안내 이름 칸(한국어 56), 복사·링크를 오른쪽 끝에, 소개 '더 보기'에 꺾쇠, 근처 공연·행사 줄 끝 꺾쇠, 빠져 있던 단어 단위 줄바꿈(행사 이름 · 한눈에 보기) 누르는 칸은 44 를 지키고(시안 일부 40), 시안의 옅은 회색은 아이콘에만 쓴다(글자는 대비 때문에 한 단계 진하게). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
WanderGo 앱 (Flutter)
대구에서 시작하는 데이트·나들이 코스 앱. 화면 디자인은 디자인 캔버스(MVP 화면 20개)를 따른다.
실행
cd flutter
cp .env.example .env # 처음 한 번 — API_URL 을 개발 백엔드 주소로
flutter pub get # 한/영 문구(lib/l10n/generated/)도 이때 만들어진다
flutter run
API_URL 은 백엔드 글로벌 prefix /api 까지 적는다. 포트는 루트 .env.development 의 BACKEND_PORT.
| 실행 환경 | API_URL 예 |
|---|---|
| Android 에뮬레이터 | http://10.0.2.2:<BACKEND_PORT>/api |
| 실기기(같은 와이파이) | http://<PC 의 사설 IP>:<BACKEND_PORT>/api |
| iOS 시뮬레이터 | http://localhost:<BACKEND_PORT>/api |
- 평문 HTTP 는 디버그 빌드에서만 허용된다(
android/app/src/debug/AndroidManifest.xml, iOS 는 로컬 네트워크만). - 개발 백엔드는 루트에서
docker compose -f docker-compose.yml -f docker-compose.dev.yml --env-file .env.development up -d.
검사
flutter analyze # Warning 0
flutter test
CI(.github/workflows/ci-flutter.yml)는 flutter/ 가 바뀐 커밋에서만 돈다.
구조
lib/
├── main.dart · app.dart 앱 시작 · 테마/언어/화면 이동 연결
├── core/
│ ├── api/ Dio + 응답 언래핑·에러 코드 (템플릿)
│ ├── router/ go_router — 경로 상수(app_routes) · 하단 탭 틀(app_shell)
│ ├── theme/ 색(AppColors) · 테마(AppTheme) — 디자인 캔버스 값
│ ├── l10n/ context.l10n · 앱 언어 선택
│ ├── storage/ shared_preferences (민감하지 않은 설정만)
│ ├── icons/ 디자인 캔버스의 선 아이콘(SVG)
│ └── utils/ 순수 함수 — 거리·기간 표기, 주말 계산, 직선 거리·도보 시간, 한국어 줄바꿈(keepAll)
├── features/
│ ├── onboarding/ 첫 실행 · 위치 권한
│ ├── location/ 기준 위치(현재 위치 / 대구 동네)
│ ├── home/ 홈 — 검색창·카테고리·축제·반려동물 장소 칸
│ ├── event/ 축제·공연·행사·전시 목록·상세
│ └── place/ 장소 검색·상세 (domain/ 에 검색 조건·공공데이터 원문 해석)
├── l10n/ app_ko.arb · app_en.arb (생성물 generated/ 는 git 제외)
└── shared/ 여러 화면이 쓰는 위젯·유틸·출처 모델(공공누리 유형·출처 표기)
규칙 메모
- 화면 문구는
lib/l10n/*.arb에만 쓴다. 출시는 한국어·영어, 설계는 en/ja/zh-Hans/zh-Hant 까지 전제. - 한국어 문단은
keepAll()을 거쳐 단어 단위로 줄바꿈한다(Flutter 기본은 글자 단위). - 카드·배지 대신 흰 바탕 위 평면 목록과 구분선, 색 글자로 메타 정보를 보인다.
- 공공누리 Type3 사진은 자르지 않는다(
PublicImage가 contain 으로 보인다 — 행사·장소 사진 모두 이 위젯을 거친다). - 사진은 화면에 그릴 크기로 줄여 푼다(
PublicImage→decodeWidthFor). 공연 포스터는 목록 썸네일도 원본(최대 9MB)이라 그대로 풀면 메모리를 많이 쓴다. - 영업시간을 모르는 장소는 "영업시간 미확인 · 방문 전 확인"으로 보이고, 확인 안 된 상가정보 매장은 "함께 가기 좋은 곳"에 고르지 않는다
(서버가
trusted=true로 거른다 — 앱에서 거르면 상가가 빽빽한 도심에서 칸이 비었다). Semantics(excludeSemantics: true)로 버튼을 감싸면 안쪽 InkWell 의 누르기 동작까지 지워진다. Semantics 에도onTap을 같이 준다 (빠뜨리면 TalkBack·VoiceOver 로 누를 수 없다 —widget_test.dart의 화면 읽기 테스트가 잡는다).- 현재 위치를 받지 못하거나 서비스 지역(대구,
kServiceArea) 밖이면 대구 도심을 기준으로 쓰고 홈에서 이유를 한 번 알린다(BasePoint.fallback). - 실패 문구는 에러 사전(
error_lexicon.g.dart)에서만 가져온다 —errorMessageOf().