fix(mobile): Android 앱 아이콘·스플래시 잘림 수정

[coldbrow]

0. 링크

• 관련 이슈: NOOK-158 스플래시 및 네트워크 오류 화면 UI 구현

1. 요약

• 실기기(Android)에서 확인된 두 가지 잘림 문제를 고쳤습니다. 둘 다 Android 고유의 마스크 규칙을 감안하지 않고 iOS 용 에셋을 그대로 쓴 것이 원인입니다.
• iOS 쪽 에셋과 설정은 건드리지 않았습니다.

2. 앱 아이콘 (0479c89)

적응형 아이콘은 전경 이미지를 108dp 캔버스에 그린 뒤 가운데 72dp(66.7%)만 보여줍니다. icon.png 는 1024 캔버스에 고스트가 640px(62.5%)이라 iOS 에서는 여백이 넉넉하지만, Android 에서는 보이는 영역의 93.75% 를 차지해 여백이 3% 밖에 남지 않고 둥근 마스크에서 잘립니다.

• assets/android-icon-foreground.png — 투명 배경에 고스트만 남기고 캔버스의 45%(보이는 영역 기준 67%)가 되도록 여백을 넣었습니다. 기존 픽셀을 그대로 옮겨 담아 리샘플링 손실이 없습니다. 원래 이 파일은 Expo 템플릿 기본 이미지였고 아무 데서도 쓰이지 않았습니다
• app.json — adaptiveIcon.foregroundImage 를 icon.png → android-icon-foreground.png 로 변경. 배경은 기존 backgroundColor: #1F1F1F 가 담당합니다

3. 스플래시 (657e73d)

Android 12+ 는 스플래시 이미지를 원형으로 잘라 보여줍니다(캔버스의 66.7%만 노출). 태그라인까지 담긴 이미지는 가장자리가 필연적으로 잘려, Android 에서는 문구를 빼기로 했습니다.

• assets/splash-android.png — 로고 + 워드마크만 담은 시안(600×600)에 여백을 더해 802×802 로 만들었습니다. 콘텐츠를 감싸는 원이 캔버스의 60% 라 마스크(66.7%) 안에 여유 있게 들어갑니다
• app.config.ts — expo-splash-screen 에 android 블록을 추가해 Android 만 이 이미지를 쓰게 했습니다. iOS 는 태그라인 포함 시안(splash.png)을 그대로 유지합니다

4. 확인

• expo config 평가 결과 반영 확인, lint 통과
• 원형 마스크 시뮬레이션으로 두 이미지 모두 잘리지 않는 것 확인
• 실기기(SM-S926N)에 빌드·설치해 앱 정상 구동 확인

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
nook-client-web	Skipped		Aug 13, 2026 5:23pm