expo router assets 이미지가 뜻 하는 것 (종류, 크기)

expo router 프로젝트에서 각 이미지들의 쓰임과 크기를 정리해보고자 한다.

assets/images 디렉토리 구조를 보여주고 있습니다. 각 이미지 파일의 일반적인 용도와 특징을 설명해드리겠습니다

1. adaptive-icon.png
- Android 앱에서 사용되는 적응형 아이콘
- 일반적으로 108x108px 크기
- 다양한 Android 기기의 홈 스크린에서 앱 아이콘으로 사용

2. favicon.png
- 웹 브라우저 탭과 북마크에 표시되는 작은 아이콘
- 보통 16x16px 또는 32x32px 크기
- 웹사이트를 대표하는 작은 로고로 사용

3. icon.png
- 앱의 기본 아이콘
- 일반적으로 192x192px 또는 512x512px 크기
- PWA(Progressive Web App)나 앱 스토어용 아이콘으로 사용

4. partial-react-logo.png
- React 로고의 일부분을 보여주는 변형 이미지
- 디자인 요소나 로딩 화면에서 사용 가능

5. react-logo.png
- React의 기본 로고 이미지
- 보통 원본 크기로 사용

6. react-logo@2x.png, react-logo@3x.png
- 고해상도 디스플레이를 위한 2배, 3배 크기의 React 로고
- @2x는 원본의 2배 크기
- @3x는 원본의 3배 크기
- Retina 디스플레이나 고해상도 모바일 기기에서 선명하게 표시

7. splash.png
- 앱 시작 시 표시되는 스플래시 스크린 이미지
- 일반적으로 전체 화면 크기
- 앱 로딩 중에 사용자에게 보여지는 시작 화면

이러한 이미지들은 보통 React 애플리케이션에서 
- 브랜딩 및 아이덴티티
- 앱 아이콘 및 파비콘
- 로딩 화면
- 반응형 디스플레이 지원
- PWA 지원
로 사용됨