| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
- launch screen
- 리액트
- 앱 성능 개선
- react
- panorama view
- Native Module
- React-Native
- 리액트 네이티브
- launchscreen
- React Native
- 파노라마 뷰
- Skeleton UI
- 3b52.1
- 스플래시스크린
- 스켈레톤 UI
- 네이티브
- privacyinfo.plist
- 360도 이미지 뷰어
- 리엑트 네이티브
- 스켈레톤 통합
- 360도 이미지
- native
- ios
- boilerplate 제거
- Android
- 라이브러리 없이
- react-native-fast-image
- Privacy manifest
- requirenativecomponent
- 360도 뷰어
- Today
- Total
목록React Native (3)
Neoself의 기술 블로그
React Native 라이브러리 없이 SplashScreen 구현하기(iOS 네이티브 모듈)
React Native 앱의 경우 대표적으로 react-native-splash-screen 라이브러리를 통해 초기 SplashScreen 구현이 가능하다. 하지만 라이브러리들을 일괄적으로 업데이트할때마다 각 라이브러리의 네이티브 코드끼리 충돌이 생기는 이슈를 겪으면서, 라이브러리들을 자체적으로 모듈화하는 것이 유지보수에 더 용이할 것이라는 판단 하에, react-native-splash-screen 라이브러리의 대체방안을 모색하게 되었다. 가장 먼저 시도한 방안은 iOS가 기본 제공하는 LaunchScreen으로 SplashScreen을 구현하는 것이였다. 하지만, React Native로 구현된 앱의 경우 네이티브 앱과 달리 앱 초기 로드 간에 추가적인 단계가 필요하기에 일반적으로 더 많은 시간이 소..
React Native 네이티브 모듈 연결하기 - 파노라마 뷰(Android 3/3)
현재까지 프로젝트root/android 폴더 내 파일들을 설명하자면 다음과 같다.React Native 초기 생성 때 기본으로 추가되는 MainActivity.kt, MainApplication.ktgvr-android-sdk를 모듈화하여 RN에 연결하기 위한 PanoramaViewManager.java 및 PanoramaViewPackage.java 파일gvr-android-sdk가 제공하는 패키지 및 함수가 호출되고 사용되는 파일들이 위치한 video360 폴더MediaLoader.java = 렌더되는 파노라마 이미지 처리 및 관리 관련 클래스가 구현되어있는 파일VideoUiView.java = 렌더 대상을 이미지와 비디오 사이에서 토글하기 위한 Ui 구현에 필요한 파일MonoscopicView.ja..
React Native 네이티브 모듈 연결하기 - 파노라마 뷰(Android 1/3)
1. 구현 방향 설정초기에는 react-native-panorama-view 라이브러리를 import하여 앱 내부에 파노라마 뷰를 추가하려고 하였다.https://github.com/lightbasenl/react-native-panorama-view 파노라마 뷰를 다루는 라이브러리들 중 100개를 넘는 깃허브 스타를 갖고 있는 라이브러리였음도 불구하고, ios, android 두 네이티브 플랫폼 다 정상동작하지 않았다,,, 확실히 앱에 자주 사용되지 않는 기능의 경우 활성화된 라이브러리를 찾기 힘든 것 같다.. 라이브러리 코드를 분석한 결과, 대부분이 네이티브 코드로 작성되어 있었다. iOS의 경우, JavaScript와 네이티브 코드 간의 변수명 불일치로 인해 터치 제스처 관련 이벤트가 제대로 전달되..