Skip to content

[DESIGN] 앱 아이콘 및 스플래시 리소스 정리#85

Merged
kbh0218 merged 3 commits into
devfrom
design/#55-app-icon-splash-screen
Jun 1, 2026
Merged

[DESIGN] 앱 아이콘 및 스플래시 리소스 정리#85
kbh0218 merged 3 commits into
devfrom
design/#55-app-icon-splash-screen

Conversation

@kbh0218

@kbh0218 kbh0218 commented Jun 1, 2026

Copy link
Copy Markdown
Contributor

Closes #55

개요

앱 빌드 시 사용되는 LinClean 앱 아이콘, Android adaptive icon, 웹 favicon, splash 이미지를 실제 서비스 브랜딩에 맞게 정리했습니다.

기존에는 일부 아이콘 리소스가 Expo 기본 템플릿 이미지이거나, Android adaptive icon에서 마스크 처리 시 잘릴 수 있는 형태로 남아 있었습니다. 이번 작업에서는 app.json에서 참조하는 앱 아이콘 리소스를 기준으로 assets 이미지를 점검하고, 필요한 이미지 파일만 유지하도록 정리했습니다.

또한 현재 코드에서 더 이상 사용하지 않는 Expo 템플릿 이미지와 미사용 폴더 아이콘을 삭제하고, README의 assets 설명도 실제 파일 구성에 맞게 수정했습니다.

주요 구현 내용

  • 기본 앱 아이콘 icon.png 갱신
  • Android adaptive icon 배경 이미지 android-icon-background.png 갱신
  • Android adaptive icon foreground 이미지 크기 및 여백 조정
  • Android themed icon용 monochrome 이미지 정리
  • 웹 favicon 이미지의 배경/모서리 표시 문제 보정
  • splash 화면용 이미지 splash-icon.png 갱신
  • 사용하지 않는 Expo 템플릿 이미지 삭제
  • 현재 코드에서 참조하지 않는 폴더 아이콘 이미지 삭제
  • Explore 예제 화면의 React 로고 이미지 참조 제거
  • README의 assets 디렉터리 설명 최신화

파일별 역할

  • app.json: 앱 아이콘, Android adaptive icon, favicon, splash 이미지 참조 설정
  • assets/images/icon.png: iOS 및 기본 앱 아이콘
  • assets/images/android-icon-background.png: Android adaptive icon 배경 이미지
  • assets/images/android-icon-foreground.png: Android adaptive icon foreground 이미지
  • assets/images/android-icon-monochrome.png: Android 13+ themed icon용 monochrome 이미지
  • assets/images/favicon.png: 웹 favicon 이미지
  • assets/images/splash-icon.png: splash 화면 이미지
  • app/(tabs)/(explore)/index.tsx: 삭제된 React 로고 이미지 참조 제거
  • README.md: 현재 유지 중인 assets 목록 기준으로 문서 수정

삭제한 에셋

  • assets/images/partial-react-logo.png
  • assets/images/folder_active.png
  • assets/images/folder_unactive.png
  • assets/images/react-logo.png
  • assets/images/react-logo@2x.png
  • assets/images/react-logo@3x.png

해결한 이슈 목록

  • 앱 빌드 시 사용할 아이콘 이미지 목록 확인
  • app.json에서 실제 참조하는 앱 아이콘, adaptive icon, favicon, splash 이미지 확인
  • Android adaptive icon foreground가 런처 마스크에서 잘리지 않도록 여백 조정
  • Android themed icon용 monochrome 이미지 확인
  • favicon 모서리/배경 표시 문제 보정
  • 사용하지 않는 이미지 에셋 삭제
  • 삭제된 이미지에 대한 코드 참조 제거
  • README의 assets 목록과 실제 파일 구성 불일치 수정
  • assets/images에 필요한 이미지 리소스만 남도록 정리

체크 사항

  • 커밋/코딩 컨벤션에 맞게 작성
  • 삭제한 이미지 파일에 대한 남은 코드 참조 없음
  • 앱 아이콘 이미지 크기와 투명 배경 여부 확인
  • Android adaptive icon foreground/monochrome 이미지 여백 확인
  • favicon 배경 및 모서리 표시 상태 확인

참고

Android native 리소스(android/app/src/main/res) 반영은 이번 PR 범위에서 제외했습니다.

현재는 assetsapp.json 기준의 아이콘 리소스를 정리한 상태이며, 실제 Android native 빌드 리소스 갱신은 추후 Android 빌드 또는 prebuild 단계에서 진행할 예정입니다.

스크린샷

  • 이미지 에셋 변경 작업이라 별도 화면 스크린샷은 없습니다.

@kbh0218 kbh0218 requested review from minsoo0506 and sunm2n June 1, 2026 08:03
@kbh0218 kbh0218 self-assigned this Jun 1, 2026

@minsoo0506 minsoo0506 left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넵 확인했습니다!! 문제 없는 것 같아서 바로 머지 하셔도 될 것 같습니다!!

@kbh0218 kbh0218 merged commit 8a1af6f into dev Jun 1, 2026
@kbh0218 kbh0218 deleted the design/#55-app-icon-splash-screen branch June 1, 2026 14:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[DESIGN] 앱 아이콘 및 초기 실행 화면 개선

2 participants