728x90
반응형
Q : 앱 아이콘 적용하는 방법은?
앱 아이콘을 적용하는 방법은 Android와 iOS 각각 따로 설정해줘야 해. 이미지를 만들어두었다면 다음 단계에 따라 적용하면 돼! 🔧🎨
✅ Android 앱 아이콘 적용 방법
- 아이콘 파일 준비
- 원본 PNG 또는 SVG 파일 준비 (1024×1024 이상 권장)
- 배경이 투명하지 않은 정사각형 이미지가 좋아
- Android Asset Studio에서 아이콘 생성
- https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html
- 아이콘 업로드 → Foreground / Background 설정 → 다운로드 (ZIP)
- 생성된 리소스 덮어쓰기
- 다운로드한 ZIP을 풀어서
- android/app/src/main/res/ 폴더에 있는 mipmap-* 폴더를 교체 (기존 ic_launcher.png 등)
- 빌드 후 확인
- npx react-native run-android
🍎 iOS 앱 아이콘 적용 방법
- 아이콘 파일 준비
- 원본 1024×1024 PNG 이미지 (배경 불투명해야 함)
- 아이콘 세트 만들기
- https://appicon.co 또는 Xcode 사용
- AppIcon.appiconset 폴더가 생성됨
- 아이콘 세트 적용
- ios/YourApp/Images.xcassets/AppIcon.appiconset 안에 기존 파일을 전부 교체
- Xcode에서 앱 실행 또는 빌드
- npx react-native run-ios
📌 참고
- Android는 mipmap, iOS는 asset catalog에 적용해줘야 실제 기기에서도 아이콘이 반영돼
- iOS는 아이콘 없이 빌드하면 앱 심사 거절되기도 해
완성된 앱 아이콘 이미지를 내가 만들어줬으니, 적용만 하면 앱의 첫인상이 훨씬 더 멋져질 거야! 다음은 Splash 화면도 넣어보고 싶어? ✨📲
생성한 아이콘 및 적용 결과
728x90
반응형
'IT 정보 > AI 활용 앱개발' 카테고리의 다른 글
[SecureGen] 구글 플레이 앱 배포를 위한 비공개 테스트 (0) | 2025.06.29 |
---|---|
[SecureGen] 앱 배포를 위한 aab 빌드 실행 (0) | 2025.06.27 |
[SecureGen] 구글 플레이스토어 앱 배포 준비 (0) | 2025.06.24 |
[SecureGen] admob 광고 적용 전 주의 사항 (1) | 2025.06.24 |
[SecureGen] 기능 추가 - 광고 삽입 (Google AdMob) (0) | 2025.06.24 |