React Native 프로젝트는 JavaScript/TypeScript 코드와 네이티브 iOS/Android 프로젝트 및 설정을 결합한 구조를 가집니다. 구조와 주요 파일을 이해하면 React Native 앱을 탐색하고 만드는 데 도움이 됩니다.
구조의 주요 부분
my-app/
App.js / App.tsx → 루트 component (앱 진입점)
src/ (또는 app/) → JS/TS 코드 (component, screen 등) — 여기에 정리
package.json → 의존성과 스크립트 (npm/yarn) — 여느 JS 프로젝트와 같음
node_modules/ → 설치된 npm 의존성
ios/ → 네이티브 iOS 프로젝트 (Xcode) — bare RN용
android/ → 네이티브 Android 프로젝트 (Gradle) — bare RN용
index.js → 루트 component 등록
app.json / app.config → 앱 설정 (이름, 아이콘) — 특히 Expo에서
(Expo 프로젝트는 ios/android를 숨김; Expo가 관리)
