일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CS
- axios
- react-native
- ios
- react-native-image-picker
- private-access-to-photos
- RN아키텍쳐
- Hash-table
- motion.div
- javascript
- named type
- await
- react
- no-permission-handler-detected
- Swift
- React-Native업데이트
- async
- 비동기
- promise.all
- animation
- Promise
- react-native-permissions
- debounce
- react animation
- RN새로운아키텍쳐
- hydration mismatch
- Throttle
- rn
- RN업데이트
- react native
- Today
- Total
목록react native (2)
하루살이 개발일지

React Native 공식문서를 보면 알 수 있다시피 Expo를 강추하고 있다. 그래서 Expo를 이용해 프로젝트르 세팅하는 중 라우터 구현 방식에 대한 기술적 의사결정이 필요했다. 지금까지는 React navigation만 사용했는데, Expo Router도 한번 사용해 보고싶었다. 우선 Expo router란, React Native와 웹 앱에서 사용할 수 있는 파일 기반 라우팅 라이브러리이다. iOS, Android, 웹에서 동일한 라우팅 구조를 사용할 수 있다. 파일 시스템을 기반으로 동작하며, 디렉터리에 파일을 추가하면 해당 파일이 자동으로 라우트로 등록된다. Expo Router의 특징Expo router는 다음과 같은 특징이 있다. 네이티브 지원: React Navigation을 기반으로..

딥 링크(Deep linking)란?딥링크는 특정 콘텐츠나 페이지로 직접 연결하는 방법이다. 웹 사이트나 모바일 애플리케이션에서 사용되며, 사용자가 앱의 특정 페이지나 기능으로 바로 이동할 수 있게 한다. 딥 링크의 필요성아래는 웹 페이지에서 인스타그램의 특정 계정의 딥링크를 클릭할 때 앱의 설치 여부에 따른 다른 동작 방식을 보여주는 예시이다. 앱이 설치되어 있으면(우측) 인스타그램 앱으로 연결되고, 앱이 설치되어 있지 않으면(좌측) 웹 페이지에서 해당 계정의 페이지가 열리는 방식이다. 유저가 딥 링크를 클릭했을 때 우측처럼 바로 앱의 특정 콘텐츠가 열리는 것이 아닌 앱 마켓으로 연결되거나, 앱의 메인으로 연결된다면 UX에 상당한 불편함이 있을 수 있다. 따라서 유저가 원하는 목적지를 제대로 도달할 ..