하루살이 개발일지

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

1. React Native Reanimated란?React Native는 Software Mansion에서 만든 라이브러리이다.Reanimated는 UI 스레드에서 실행되는 복잡한 애니메이션과 상호작용을 구현할 때 사용되는 라이브러리로서, React Native 애플리케이션에서 매끄러운 애니메이션 경험을 제공한다.  1-1. Reanimated 의 필요성1️⃣ 성능 최적화Reanimated는 애니메이션 작업을 주로 UI 스레드에서 처리해서 자바스크립트 스레드의 부하를 줄인다. 이를 통해 애니메이션이 JS 스레드에 의존하지 않기 때문에, JS 스레드가 바쁘더라도 애니메이션의 부드러움이 유지된다. 2️⃣ 복잡한 애니메이션 구현Reanimated는 복잡한 애니메이션과 상호작용을 섬세하게 제어할 수 있는 AP..

📖 목차 1. React-Native란? 1-1. 크로스 플랫폼이란? 1-2. 네이티브 앱이란? 1-3. React-Native의 장점 1-4. React-Native의 단점 1-5. React-Native의 전망 2. React-Native의 동작 원리 및 아키텍쳐 2-1. 가상 DOM (Virtual DOM)과 Shadow Tree 2-2. 옛날 버전 React-Native 동작 순서 2-3. 이러한 방식의 문제점 3. React-Native의 새로운 아키텍쳐 3-1. 구버전과의 차이점 3-2. JSI 3-3. 동시성 렌더러(Concurrent Renderer) 3-4. TurboModule 3-5. Fabric Renderer 4. 새로운 아키텍쳐의 도입 및 기능 4-1. 새로운 아키텍쳐의 기능 및..

React-Native Cli로 React-Native 프로젝트 세팅하기 (iOS, macOS) 1. 준비물 Node / Watchman / CocoaPods / Xcode / homebrew (node, watchman 설치 용도) Homebrew가 설치되지 않았다면, https://brew.sh/ Node JavaScript 런타임 환경이다. React Native 앱을 빌드하고 실행하기 위해 필요하다. Watchman Watchman은 파일 시스템의 변경 사항을 감시하는 도구이다. 성능 향상을 위해 권장된다. CocoaPods CocoaPods는 iOS 프로젝트의 의존성 관리 도구이다. 외부 라이브러리를 쉽게 관리할 수 있게 해준다. 참고 : https://guides.cocoapods.org/us..