Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 360도 이미지
- 네이티브
- 리액트
- react-native-fast-image
- 3b52.1
- privacyinfo.plist
- panorama view
- 스켈레톤 통합
- launchscreen
- 리엑트 네이티브
- Skeleton UI
- 360도 뷰어
- boilerplate 제거
- 스켈레톤 UI
- native
- React Native
- 리액트 네이티브
- launch screen
- 앱 성능 개선
- 라이브러리 없이
- Native Module
- React-Native
- Privacy manifest
- 파노라마 뷰
- react
- Android
- 스플래시스크린
- requirenativecomponent
- ios
- 360도 이미지 뷰어
Archives
- Today
- Total
목록라이브러리 없이 (1)
Neoself의 기술 블로그
React Native 라이브러리 없이 360도 이미지 뷰어 구현하기
네이버에 자동차를 검색하면, 아래와 같이 드래그 동작으로 원하는 각도에서의 이미지 확인이 가능한 360도 이미지 뷰어를 본 적이 있을 것이다. 해당 뷰어는 실제로 3D모델을 사용하기보단, 다각도에서 촬영한 여러 사진들 중 하나를 드래그 제스처에 맞춰 렌더하는 방식으로 동작한다. 라이브러리를 사용하지 않고, React Native 프레임워크에서 해당 기능을 구현해보자. 우선 새로운 기능 구현을 할때마다 항상 그래왔듯 유사한 라이브러리의 깃허브 레포지토리를 확인해 동작방식을 분석해보았다. 구현목표와 가장 근접한 라이브러리는 react-native-360-image-viewer 라이브러리였다.https://github.com/phuochau/react-native-360-image-viewer GitHub -..
개발지식 정리/React Native
2024. 7. 17. 00:54