React-native 시작하기

리액트 네이티브 앱 초기화면입니다. 


지금부터 리액트 네이티브(React Native)로 앱을 개발하는 과정을 간단하게 단계별로 설명하겠습니다.

---

📌 1단계: 개발 환경 설정

1️⃣ 필수 도구 설치

🛠️ Node.js 설치

• 최신 LTS 버전의 Node.js를 다운로드 후 설치

🛠️ React Native CLI 설치

npm install -g react-native-cli

 

 

🛠️ Android & iOS 개발 도구 설치

플랫폼 필수 도구

Android	Android Studio
iOS (Mac 전용)	Xcode

---

📌 2단계: 새로운 프로젝트 생성

📌 React Native CLI로 프로젝트 생성

npx react-native init MyApp
cd MyApp

MyApp은 프로젝트 이름이며, 원하는 이름으로 변경 가능

---

📌 3단계: 앱 실행

1️⃣ iOS에서 실행 (Mac 필요)

npx react-native run-ios

iOS 시뮬레이터가 자동 실행됨
실제 기기에서 실행하려면 Apple Developer 계정 필요

2️⃣ Android에서 실행

npx react-native run-android

Android 에뮬레이터 또는 USB로 연결된 기기가 필요

---

📌 4단계: 프로젝트 구조 이해

📌 생성된 프로젝트 폴더 구조

MyApp/
 ├── android/        # Android 네이티브 코드
 ├── ios/            # iOS 네이티브 코드
 ├── src/            # 주요 앱 코드 작성 폴더 (직접 생성 필요)
 ├── App.js          # 메인 컴포넌트
 ├── package.json    # 프로젝트 종속성 목록
 ├── index.js        # 앱 진입점
 └── node_modules/   # 설치된 패키지 폴더