react (3) 썸네일형 리스트형 리액트 스트리밍 SSR 직접 구현 쿼리 파라미터로 받은 값을 3초 후 그대로 화면에 출력하는 매우 간단한 앱을 스트리밍 SSR로 구현해 보겠습니다.로딩은 Suspense로 처리하고, Promise 정보를 서버와 클라이언트가 공유하는 과정까지 포함됩니다.참고로 서버와 클라이언트가 데이터를 공유하는 과정은 그냥 이런 방법이 있다는 정도로 넘어가면 될 것 같습니다.이 과정을 포함한 이유는 대부분의 앱에서 서버와 클라이언트간 데이터 공유가 필요할 텐데, 이러한 과정이 그냥 되는 것은 아니라는 것을 보여드리고 싶어서 입니다. 예제 코드 GitHub - JoonDong2/react-streaming-ssrContribute to JoonDong2/react-streaming-ssr development by creating an account on.. 리액트 네이티브 터치 이벤트 흐름 이전 포스트 "리액트 네이티브에서 JS와 Java가 통신하는 방법"의 내용을 기반으로 안드로이드에서 발생한 터치 이벤트가 JS로 전송되서 처리되는 과정 을 정리했습니다.목차Java에서 JS로 이벤트 전송1-1. ReactRootView1-2. JSTouchDispatcher 1-2-1. Leaf View 찾기 1-2-2. 리액트 네이티브가 생성한 View 찾기 1-2-3. UIManagerModule로 부터 EventDispatcher 얻어오기 1-2-4. EventDispatcher 1-2-5. Proxy 객체JS에서 Java 이벤트 수신 모듈 등록2-1. RCTEventEmitter2-2. ReactNativeRenderer2-3. 플러그인 2-3-1. 플러그인 등록 2-3-2. Re.. 리액트 네이티브에서 JS와 Java가 통신하는 방법 먼저 전체적인 흐름을 그림으로 표현해 봤습니다.파란색: JS → Java빨간색: Java → JS목차JS → Java1-1. Java에서 C++로 Module Registry 전달1-2. C++에서 JS에 네이티브 호출 함수 등록1-3. JS에서 C++의 Module Registry까지 요청Java → JS2-1. C++에서 JS 함수 가져오기2-2. C++에서 Java와 JS 함수 연결2-3. Java에서 JS까지느낀점리액트 네이티브는 인터페이스(C++), 자바스크립트 엔진, JVM 3개 환경이 유기적으로 상호작용하면서 동작합니다.JVM → C++JNI를 사용하여 C++에서 JVM 클래스의 메서드를 구현하고, JVM 객체에선 C++에 의해 구현된 메서드를 호출하여 초기화 또는 필요한 기능을 수행합니다... 이전 1 다음
