어제와 오늘, DateP 데이트 코스 추천 앱의 로고와 스플래시 스크린을 Canva로 만들었습니다.
깔끔하고 통일된 느낌을 위해 색상을 맞췄고, 간단한 디자인으로 빠르게 완성했어요.
로고는 앱 아이콘(DateP.png)으로, 스플래시 스크린은 전체 화면을 채우는 이미지(splash-icon.png)로 설정했습니다.
Expo 프로젝트에서 app.json을 수정해 icon을 "./assets/images/DateP.png"로,
splash는 expo-splash-screen 플러그인으로 "image": "./assets/images/splash-icon.png", "resizeMode": "cover"로
업데이트했어요. 적용은 npx expo start --clear로 확인했습니다.
로고

splash screen

EAS 빌드
EAS 빌드가 궁금해서 찾아봤는데, prebuild 없이도 eas build로 빌드 가능하다는 걸 알았어요. 다만, 스플래시 스크린은 eas build로 정확히 확인 가능하지만, 인앱 결제 같은 네이티브 기능을 테스트하려면 prebuild로 네이티브 프로젝트를 생성해야 하네요. 그래서 개발 중엔 캐시 지우기로 확인하고, 최종 테스트는 빌드로 진행할 계획입니다!
추가 답변
- 스플래시만 확인: prebuild 없이 eas build로 가능.
- 인앱 결제 확인: prebuild 필수 (npx expo prebuild 후 eas build 또는 run:ios/android).
- 권장 흐름:
- 개발 중: npx expo start --clear로 기본 확인.
- 스플래시 최종 확인: eas build.
- 인앱 결제 구현: npx expo prebuild → 설정 → 빌드.
'DateP' 카테고리의 다른 글
| Date P React-native expo 인앱 결제(RN-iap) 및 빌드 설정 수정(eas) (0) | 2025.03.26 |
|---|---|
| 2025 3 25 datep 구독 로직 (0) | 2025.03.25 |
| DateP 프로젝트: 2025년 3월 19일 - Firebase Functions 배포 완료 및 Home Screen 로딩 스피너 추가 (1) | 2025.03.20 |
| DateP 프로젝트: 2025년 3월 18일 - Free Plan에 방문 시간 추가, UI 개선, 속도 문제 해결 시도 (0) | 2025.03.18 |
| DateP Project: 2025년 3월 17일 - 다국어 랜덤 추천 및 Perplexity API로 Free 플랜 업그레이드 (1) | 2025.03.18 |