목록이벤트 시스템 (1)

nika-blog

📱 React Native 내부 구조 & 이벤트 시스템 정리

✅ 1. React Native 기본 구조🧱 세 가지 Thread 환경구성 요소설명JS Thread우리가 작성한 React/JSX 코드 실행Native Thread실제 iOS/Android UI가 렌더링되는 곳BridgeJS ↔ Native 간 비동기 통신 채널 (메시지 큐 기반)📦 동작 흐름JS에서 JSX → Virtual DOM 생성Reconciler가 UI 업데이트 계산명령을 JSON으로 변환해 Bridge로 전송Native가 해당 명령 실행 (View 생성 등)🔁 2. 이벤트 전달 구조🖱️ Native → JS 이벤트 흐름단계설명사용자 입력터치, 스크롤 등 Native 이벤트 발생Native 처리TouchRecognizer 등으로 감지JS 전달RCTEventEmitter로 브릿지 전송JS ..
카테고리 없음 2025. 5. 6. 22:52
이전 Prev 1 Next 다음