React Native

walgoo·2025년 3월 3일
0

React Native

목록 보기
1/2

공식 문서
https://reactnative.dev/

React Native란?

React를 기반으로 만들어진 javascript 기반의 프레임워크로, 크로스 플랫폼 앱 개발을 가능하게 함
React Native와 네이티브 사이에 있는 Bridge를 통해 하나의 코드로 iOS와 Android 앱 개발이 가능함

React Native의 기본 구조

1. JavaScript 및 Markup/Styling 레이어

React Native는 JavaScript를 기반으로 작동하며, UI를 정의하는 Markup(ex: JSX)과 Styling을 포함

2. React Native JS 모듈

JavaScript로 작성된 React Native 모듈은 React의 컴포넌트와 기능들을 활용하여 UI와 로직을 작성함

3. JavaScript 인터프리터

JavaScript 코드는 인터프리터를 통해 실행되며, 이 인터프리터가 React Native의 핵심 역할을 함
React Native는 주로 JavaScriptCore 또는 Hermes(React Native의 경량화된 JavaScript 엔진)를 사용하여 코드를 실행함

4. React Native 네이티브 모듈

JavaScript 코드와 네이티브 코드(Android의 Java/Kotlin, iOS의 Swift/Objective-C) 간의 다리 역할을 함
이 모듈을 통해 JavaScript가 네이티브 플랫폼 기능(예: 카메라, GPS)에 접근할 수 있음

5. 플랫폼 API

플랫폼(API)은 React Native 네이티브 모듈을 통해 접근할 수 있는 기능

출처: https://toss.tech/article/react-native-2024

profile
시작은 미안하나 끝은 창대하리라

0개의 댓글