React-Native의 새로운 아키텍처를 공부해 보고 아주 간단하게 정리해 보았습니다.
정리
좌: 구 아키텍처, 우 : 신 아키텍처
- JSC : javascript 엔진으로 apple 사에서 웹브라우저 사파리에 도입하였음 -> 현재 React-Native에서는 Hermes라는 자체 javascript 엔진을 기본 엔진으로 사용 중
- codegen :
- JSI : javascript 엔진에 사용할 수 있는 API로 javascript <-> C++ 소통을 돕는다.
- Fabric : 렌더링 시스템
- TurboModules : 네이티브 기능 활용을 돕는 모듈
관련 글
[React-Native] 구 아키텍처 : 기존 Bridge 를 가진 아키텍처
새로운 아키텍처를 이해하기 위해서는 구 아키텍처를 알아야 합니다. 구 아키텍처에 포함된 개념은 무엇이고, 구 아키텍처의 문제점은 무엇이었는 지 서술합니다. Bridge 네이티브와 javascript는
hanarotg.tistory.com
[React-Native] 아키텍처 : JSI, 렌더링 시스템 Fabric과 TurboModules
이전 브릿지를 사용한 구 아키텍처에서 javascript 코드와 렌더링 시스템과 서로 소통하기 위해선 JSON 으로 변환하는 과정을 반드시 거쳐야 했습니다. 이는 마치 한국인이 아프리카 은데벨레족과
hanarotg.tistory.com
'크로스 플랫폼 > React-Native <JSX>' 카테고리의 다른 글
| [React-Native/오픈소스활동] Suspense 사용 방법 (0) | 2023.08.15 |
|---|---|
| [React-Native/오픈소스활동] ... does not contain a gradle build 안드로이드 스튜디오 에러 해결 (0) | 2023.08.15 |
| [React-Native] 아키텍처 : JSI, 렌더링 시스템 Fabric과 TurboModules (0) | 2023.07.28 |
| [React-Native] 구 아키텍처 : 기존 Bridge 를 가진 아키텍처 (0) | 2023.07.28 |
| [React-Native] ERESOLVE While resolving: undefined@undefined 에러 해결하기 (0) | 2023.07.20 |