[FEAT] 스플래시 화면 설정 및 앱 아이콘 적용

[modzivv]

📝 작업 내용

앱 실행 시 스플래시 화면과 앱 아이콘이 적용되도록 설정했습니다.

스플래시 화면

• react-native-bootsplash 라이브러리를 적용하였으며, 앱 실행 시 약 2초간 스플래시 화면이 노출되고 페이드아웃 처리됩니다.
• JS 번들이 로드되기 전 실행되는 스플래시 스크린 특성상 이미지 외의 요소(텍스트 등)를 별도로 렌더링할 수가 없기 때문에, 로고와 하단 슬로건 문구를 하나의 SVG 파일로 병합하여(logo-with-text.svg) 적용했습니다.

🔗 관련 이슈

close #3

⚙️ PR 유형

• 새로운 기능
• 버그 수정
• UI/UX 개선
• 리팩토링
• 의존성 변경

📸 스크린샷

기능	iOS	Android
스플래시 화면
앱 아이콘

⚠️ Notes

• 원래 이슈([FEAT] 스플래시 화면 및 앱 아이콘 설정 #3)에서는 스플래시 화면과 회원가입용 온보딩 화면까지 모두 구현할 예정이었으나,.. 지난 팀장 회의(10/14)에서 아직 온보딩 디자인이 확정되지 않은 점을 확인하여 이번 PR에서는 스플래시 화면과 앱 아이콘 설정만 완료하여 올립니다!
• ⬆️ 위에 앱 아이콘 스크린샷 보면 알겠지만.. 안드로이드에서 앱 아이콘이 상당이 확대되어 보이는 경향이 있습니다ㅜ 일반적으로 RN 프로젝트에서는android/app/src/main/res/mipmap-* 내에 ic_launcher.png, ic_launcher_round.png 이미지 파일들을 교체해서 아이콘을 변경하는 걸로 알고 있는데, 동일한 방법으로 진행했을 때 아래처럼 라운드 버전이 아닌 일반 아이콘이 렌더링 되더라구요...??
• 교체하기 전 아이콘은 아래와 같습니다... ⬇️
  이전 버전

  
• 그래서 여러가지 방법들을 시도해 보다가, android/app/src/main/res/ 경로 내에 mipmap-anydpi-v26 폴더를 추가하고 ic_launcher.xml 파일 내에서 ic_launcher_foreground 파일이 렌더링 되도록 수정했습니다. 이렇게 하니 기존 문제는 해결이 된듯..하지만 아이콘이 다소 확대되어 보이는 경향이 발생.. 그래도 이게 전보다는 나은 것 같아 이대로 작업 올립니다.. 더 좋은 방법을 찾게 되면 바로 수정하겠습니다ㅠㅠ!