DateP

DateP 프로젝트 로고 & 스플래시 스크린 제작 기록

Solo.dev 2025. 3. 23. 13:54


어제와 오늘, DateP 데이트 코스 추천 앱의 로고와 스플래시 스크린을 Canva로 만들었습니다.

깔끔하고 통일된 느낌을 위해 색상을 맞췄고, 간단한 디자인으로 빠르게 완성했어요.

로고는 앱 아이콘(DateP.png)으로, 스플래시 스크린은 전체 화면을 채우는 이미지(splash-icon.png)로 설정했습니다.

Expo 프로젝트에서 app.json을 수정해 icon"./assets/images/DateP.png"로,

splashexpo-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 prebuildeas build 또는 run:ios/android).
  • 권장 흐름:
    1. 개발 중: npx expo start --clear로 기본 확인.
    2. 스플래시 최종 확인: eas build.
    3. 인앱 결제 구현: npx expo prebuild → 설정 → 빌드.