react3 [React Native] Expo - Expo는 React Native 앱 개발을 위한 프레임워크이자 플랫폼- 개발 환경 설정과 빌드를 간소화해주어 빠르고 편리하게 모바일 앱을 개발- Expo는 특히 초보자에게 유용하지만, 고급 개발자들에게도 빠른 프로토타이핑과 배포를 지원하는 유용한 도구1. Expo Managed Workflow vs. Bare WorkflowManaged Workflow: Expo가 앱 개발 환경을 전적으로 관리해주며, 모든 Expo SDK 기능을 활용할 수 있습니다. 네이티브 코드 수정을 피하고자 하는 경우 적합합니다.Bare Workflow: Expo와 React Native의 기본 프로젝트 구조를 그대로 사용할 수 있으며, 네이티브 코드를 직접 수정할 수 있습니다. Expo의 일부 기능을 사용할 수 있지만 자유.. 2024. 11. 8. [React Native] Bridge ( 브릿지 ) * React Native가 JavaScript와 네이티브 코드 (iOS의 Objective-C/Swift, Android의 Java/Kotlin) 간의 소통을 가능하게 하는 핵심 메커니즘Bridge의 역할:React Native는 JavaScript로 작성된 코드와 네이티브 모듈 간의 소통을 Bridge라는 중간 다리 역할을 통해 가능하게 해.JavaScript 코드와 네이티브 코드가 서로 직접 소통하지 않고, Bridge를 통해 서로 데이터를 주고받아. 이로 인해, iOS와 Android 환경에서 동일한 코드로 네이티브 기능을 사용할 수 있게 돼.Bridge의 비동기 통신:Bridge는 JavaScript와 네이티브 코드 간의 통신을 비동기적으로 수행해. 이는 JavaScript의 싱글 스레드가 UI.. 2024. 11. 5. [React.js] forwardRef And useImperativeHandle - forwardRef 1. 함수형 컴포넌트에서 사용2. ref 전달 ( 부모 컴포넌트 -> 자식 컴포넌트 ) ex) import React, { forwardRef } from 'react'; const MyComponent = forwardRef((props, ref) => { return ; }); export default MyComponent; ============================================= import React, { useRef } from 'react'; import MyComponent from './MyComponent'; function ParentComponent() { const inputRef = useRef(null); return.. 2024. 8. 16. 이전 1 다음
