# React Native New Architecture (React Native)

> Fabric 렌더러, Turbo Modules, JSI, Codegen, 기존 아키텍처에서의 마이그레이션

- 24 면접 질문
- Senior
- [면접 질문: React Native](https://sharpskill.dev/ko/technologies/react-native/interview-questions.md)

## 1. React Native New Architecture란 무엇입니까?

**답변**

New Architecture는 성능과 JavaScript와 네이티브 코드 간 통신을 개선하기 위해 도입된 React Native의 대규모 개편입니다. 세 가지 주요 구성 요소로 이루어집니다: Fabric(새로운 렌더링 시스템), Turbo Modules(Native Modules의 대체), 그리고 비동기 bridge를 거치지 않고 JS와 네이티브 간 동기적이고 직접적인 통신을 가능하게 하는 JSI(JavaScript Interface)입니다.

## 2. New Architecture에서 JSI(JavaScript Interface)란 무엇입니까?

**답변**

JSI는 JavaScript 코드가 기존 아키텍처의 비동기 JSON bridge를 거치지 않고 C++ 객체와 직접 상호작용할 수 있게 하는 경량 추상화 레이어입니다. 이를 통해 동기 호출, 더 나은 성능, 그리고 C++ 함수를 JavaScript 런타임에 직접 노출하는 기능이 가능해집니다. JSI는 Fabric과 Turbo Modules가 구축되는 기반입니다.

## 3. New Architecture에서 Fabric이란 무엇입니까?

**답변**

Fabric은 기존 UIManager를 대체하는 React Native의 새로운 렌더링 시스템입니다. JSI를 사용하여 네이티브 UI 스레드와 동기 통신을 수행하며, 동시 렌더링과 우선순위 업데이트를 가능하게 합니다. 또한 Fabric은 더 효율적인 네이티브 측 렌더링을 가능하게 하고, 레이아웃 패스를 줄이며, Suspense와 React 18+ 트랜지션 같은 새로운 기능을 지원합니다.

## 21개 추가 질문 이용 가능

- New Architecture에서 Turbo Modules란 무엇입니까?
- New Architecture에서 Codegen이란 무엇입니까?

무료로 가입하기: https://sharpskill.dev/ko/login

## 기타 React Native 면접 주제

- [JavaScript 핵심](https://sharpskill.dev/ko/technologies/react-native/interview-questions/javascript-essentials.md): 25개 질문, Junior
- [React 기초](https://sharpskill.dev/ko/technologies/react-native/interview-questions/react-fundamentals.md): 20개 질문, Junior
- [React Native 기초](https://sharpskill.dev/ko/technologies/react-native/interview-questions/react-native-basics.md): 22개 질문, Junior
- [React Hooks](https://sharpskill.dev/ko/technologies/react-native/interview-questions/react-hooks.md): 20개 질문, Junior
- [React 및 React Native를 위한 TypeScript](https://sharpskill.dev/ko/technologies/react-native/interview-questions/typescript-for-react-native.md): 22개 질문, Junior
- [React Native 컴포넌트 및 API](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-components-api.md): 20개 질문, Junior
- [React Native 스타일링 및 레이아웃](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-styling-layout.md): 18개 질문, Junior
- [React Native 내비게이션](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-navigation.md): 22개 질문, Mid-Level
- [React Native 상태 관리](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-state-management.md): 24개 질문, Mid-Level
- [React Native 네트워킹 및 API](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-networking-api.md): 20개 질문, Mid-Level
- [데이터 영속성](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-data-persistence.md): 20개 질문, Mid-Level
- [폼과 유효성 검사](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-forms-validation.md): 18개 질문, Mid-Level
- [React Native 애니메이션](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-animations.md): 22개 질문, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-native-modules.md): 20개 질문, Mid-Level
- [플랫폼별 코드](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-platform-specific-code.md): 18개 질문, Mid-Level
- [권한 및 디바이스 API](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-permissions-apis.md): 20개 질문, Mid-Level
- [Push Notifications](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-push-notifications.md): 18개 질문, Mid-Level
- [React Native 테스팅](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-testing.md): 20개 질문, Mid-Level
- [React Native 디버깅](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-debugging.md): 18개 질문, Mid-Level
- [Build & Deployment](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-build-deployment.md): 20개 질문, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/ko/technologies/react-native/interview-questions/expo-vs-bare-rn.md): 18개 질문, Mid-Level
- [성능 최적화](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-performance-optimization.md): 24개 질문, Senior
- [메모리 관리](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-memory-management.md): 20개 질문, Senior
- [Architecture Patterns](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-architecture-patterns.md): 22개 질문, Senior
- [보안 모범 사례](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-security-best-practices.md): 20개 질문, Senior
- [Offline-First Architecture](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-offline-first.md): 20개 질문, Senior
- [React Native CI/CD](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-ci-cd.md): 20개 질문, Senior
- [Monorepo와 코드 공유](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-monorepo-architecture.md): 18개 질문, Senior
- [고급 주제](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-advanced-topics.md): 22개 질문, Senior
- [앱 라이프사이클 및 백그라운드 실행](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-app-lifecycle-background.md): 20개 질문, Mid-Level
- [인증 및 세션 관리](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-auth-session-management.md): 22개 질문, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-monitoring-crash-reporting.md): 20개 질문, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/ko/technologies/react-native/interview-questions/rn-new-architecture