React Native7 Worklets - React Native Reanimated Worklets Worklets의 궁극적인 목표는 뷰 속성을 업데이트하거나 UI 스레드에서 이벤트에 반응할 때 실행되는 작은 JavaScript 코드를 정의하는 것입니다. 이러한 목적에 대한 JavaScript에서 자연스러운 구성 요소는 간단한 함수였습니다. Reanimated를 사용하면 UI 스레드에 보조 JS 컨텍스트를 생성하고 JavaScript 함수를 실행할 수 있습니다. 유일한 필수 조건은 해당 함수가 맨 위에 "worklet" 지시문을 가져야 한다는 것입니다 function someWorklet(greeting) { 'worklet'; console.log("Hey I'm running on the UI thread"); } 함수는 우리의 필요에 맞는 훌륭한 구성 요소입니다. 실행되는 코드와 .. 2023. 7. 15. React Native 0.72 변경점 React Native 0.72는 2023년 6월 21일에 출시되었습니다. 여기에는 다음과 같은 여러 가지 새로운 기능과 개선 사항이 포함되어 있습니다. 요약 TurboModules: TurboModules는 React Native용 네이티브 모듈을 작성하는 새로운 방법입니다. 기존 네이티브 모듈보다 더 효율적이고 사용하기 쉽습니다. iOS용 런타임 연결 지원: 런타임 연결을 사용하면 React Native 앱이 런타임에 타사 라이브러리에 동적으로 연결할 수 있습니다. 이렇게 하면 전체 앱을 다시 빌드하지 않고도 앱에 새 기능을 더 쉽게 추가할 수 있습니다. Symlink 지원: Symlink 지원을 통해 React Native가 monorepo 설정 및 pnpm과 투명하게 작동할 수 있습니다. 이렇게 .. 2023. 7. 14. React Native를 사용하여 타입스크립트와 React Query 적용하기 React Native는 JavaScript를 사용하여 iOS 및 Android 애플리케이션을 개발하기 위한 프레임워크입니다. 타입스크립트(TypeScript)는 JavaScript의 상위 집합 언어로, 정적 타입을 지원하여 개발자가 코드를 더욱 안정적으로 작성할 수 있게 도와줍니다. React Query는 React 애플리케이션에서 데이터를 관리하기 위한 라이브러리로, API 호출 및 상태 관리를 간편하게 처리할 수 있습니다ive 프로젝트를 설정하고, 타입스크립트를 사용하여 컴포넌트를 작성하고, React Query를 사용하여 데이터를 가져오고 관리하는 방법을 배울 것입니다.본문1. React Native 프로젝트 설정먼저, React Native 프로젝트를 설정해야 합니다. React Native C.. 2023. 7. 12. Building Cross-platform Mobile Apps with React Native and Typescript Building Cross-platform Mobile Apps with React Native and Typescript Introduction In today's digital age, mobile applications have become an essential part of our lives. With the increasing demand for mobile apps, developers are constantly looking for efficient ways to build high-quality apps that can run on multiple platforms. React Native, a popular JavaScript framework, and Typescript, a stat.. 2023. 7. 11. React Native 중첩 네비게이션과 Typescript의 깊은 탐구 React Native는 크로스 플랫폼 모바일 애플리케이션을 구축하기 위한 가장 인기 있는 프레임워크 중 하나가 되었습니다. 코드를 한 번 작성하고 iOS 및 Android 플랫폼 모두에 배포할 수 있는 능력으로, 개발자들 사이에서 큰 인기를 얻고 있습니다. React Native의 주요 기능 중 하나는 앱 내에서 다른 화면으로 이동할 수 있는 네비게이션 시스템입니다. 이 블로그 포스트에서는 React Native 중첩 네비게이션과 Typescript에 대해 자세히 알아보겠습니다. 소개: React Native는 React Navigation이라는 내장된 네비게이션 라이브러리를 제공합니다. 이를 통해 스택 네비게이터(Stack Navigator), 탭 네비게이터(Tab Navigator) 및 드로어 네비.. 2023. 7. 11. React Native와 함께 사용하는 TypeScript의 이점 및 사용 방법 React Native와 함께 사용하는 TypeScript의 이점 및 사용 방법 소개 React Native는 JavaScript를 사용하여 모바일 애플리케이션을 개발하기 위한 인기있는 프레임워크입니다. 그러나 JavaScript는 동적 타입 언어이기 때문에 개발자가 실수를 할 수 있는 여지가 있습니다. 이러한 문제를 해결하기 위해 TypeScript를 React Native와 함께 사용하는 것이 좋습니다. TypeScript는 정적 타입 언어로, 개발자가 코드를 작성하는 동안 타입 오류를 사전에 감지할 수 있습니다. 이번 블로그 포스트에서는 React Native와 함께 사용하는 TypeScript의 이점과 사용 방법에 대해 자세히 알아보겠습니다. 본문 1. TypeScript의 이점 TypeScrip.. 2023. 7. 11. React Native에서 Text Input 컴포넌트 label 색상 변경하는 방법 React Native에서 Text Input 컴포넌트의 label 색상을 변경하는 방법에 대해 알아보겠습니다. Text Input 컴포넌트는 사용자로부터 텍스트를 입력받는 데 사용되며, label은 입력 필드 위에 표시되는 텍스트입니다. 기본적으로 React Native에서 제공하는 Text Input 컴포넌트의 label 색상은 플랫폼에 따라 다르게 설정되어 있습니다. 하지만 우리는 이 색상을 원하는 대로 변경할 수 있습니다. 소개 React Native는 JavaScript를 사용하여 iOS와 Android 모바일 애플리케이션을 개발할 수 있는 프레임워크입니다. Text Input 컴포넌트는 사용자로부터 텍스트를 입력받는 데 사용되며, label은 입력 필드 위에 표시되는 텍스트입니다. 기본적으로 .. 2023. 7. 11. 이전 1 다음 반응형
