본문 바로가기
  • Survival Plan

개발 이야기/React-Native17

리액트 네이티브(React Native) 앱에 Splash Image 적용하기 Splash Image 적용하기 1. Splash 화면용 이미지 준비 어플의 스플래쉬 화면에 사용할 이미지를 준비 합니다. 저는 귀찮은게 싫으므로 이전 포스팅에서 소개 해 드렸던, 웹이미지 에디터에서 간략히 그렸습니다. https://pixlr.com/x/ 여러 해상도 버전을 자동 생성하기위해서 가장 큰 해상도 XXXHDPI( 1280 x 1920 )로 준비해 주세요~ 저는 아래와 같은 Splash 이미지를 준비 했습니다. 자신이 그린 이미지는 저장 후, React Native Project 폴더로 복사 합니다. 더보기 안드로이드 스플래쉬 이미지 해상도 리스트 LDPI: Portrait: 200x320 px Landscape: 320x200 px MDPI: Portrait: 320x480 px Lands.. 2020. 3. 27.
리액트 네이티브 - 앱 처음 실행 확인 하기 대부분 모바일 앱이 그렇겠지만, 리액트 네이티브 (React Native) 역시 최초 실행 시에만 처리해 주어야 할 일이 있는데요. 예를 들면, View Pager 등이 대표 적인 예입니다. 최초 실행 시에만, 앱에 대한 사용설명 Page를 출력해 주는 경우입니다. 또한, 로컬 데이터를 저장하거나 PUSH Notification 등 에도 , 최초 실행시점에만 초기화 해주는 경우 발생하지요. 이 밖에 많은 경우에 최초 실행 여부를 점검 해야 할 필요성이 존재 합니다. 지금 까지는 발생하는 그 때 그때 component에 적용을 했었습니다만, 시간을 내어서 utils로 정리를 해 봤습니다. 기본적인 방식은 Local Storage에 keyFirstLaunch라는 변수를 만들어 최초 실행 시점에는 true로 .. 2020. 3. 27.
초간단 안드로이드 아이콘 (Launch Icon) 세팅하기 안녕하세요. 이번 포스팅에서는 React Native의 안드로이드 아이콘 세팅을 간편하게 진행하기에 대하여 소개 드립니다. 안드로이드 앱을 Play Store에 올리거나 출시할 때, 꼭 해야 하는 일 중 하나가 다양 아이콘에 대하여 각각 만들어 주어야 하는 것입니다. 다양한 안드로이드(Android) 버전이 있기 때문에, 각 버전마다 해상도도 다르고, 해상도별로 아이콘이 개별 있어야 하는 건데요.. (이런것은 그냥 안드로이드 자체에서 지원하면 안되나?? 하는 생각이 듭니다. Large Icon 하나 등록 받고 자체 생성 하면 될텐데요.. ㅜ_ㅜ) 여하튼 여러가지 해상도 버전을 만들어서, 앱 안에 포함을 시켜야 합니다. 이 때문에, Android 앱에는 다음과 같이 res 폴더 아래 다양한 해상도의 아이콘.. 2020. 3. 27.