React Native 1. 소개 및 Expo 세팅

Ch 01. React Native 소개

1. React Native 소개

React Native의 장점

1. 하나의 코드로 iOS & Android 동시 개발 → (코드 재사용성 UP)
   • 리액트(React) 기반이어서 기존 웹 개발자도 쉽게 적응 가능 (러닝 커브 낮음)
2. 코드 푸시(CodePush)로 빠른 업데이트 가능 → (앱 스토어 심사 없이 즉시 배포)
   • 운영 비용 절감 & 빠른 핫픽스 적용
3. Fast Refresh (빠른 개발 환경)
   • 코드 변경 시 바로 반영됨 (완전 새로고침 X)
4. 오픈소스 플랫폼
   • 무료 사용 가능, 다양한 라이브러리 활용 가능

React Native의 단점

1. 일부 기능(예: 인앱 결제, 블루투스 등)은 네이티브 코드 필요
   • iOS/Android 각각 네이티브 코드 작성해야 함
2. 오픈소스 라이브러리 의존도가 높음
   • 라이브러리 업데이트 시 호환성 문제 발생 가능
3. 네이티브 앱보다 성능이 다소 떨어짐
   • 게임이나 고성능 앱 개발에는 부적합
4. 업데이트가 잦아 유지보수 부담
   • Expo, React Native 버전업 시 종속 라이브러리 호환성 문제 발생

2. Expo CLI vs React Native CLI 비교

	Expo CLI	React Native CLI (Native CLI)
설명	빠르게 앱을 실행 & 배포 가능	네이티브 기능 개발 가능
장점	- 환경 설정 없이 바로 개발 가능 - Expo Go 앱에서 즉시 테스트 가능	- 네이티브 모듈 추가 가능 - 인앱 결제, 블루투스 등 네이티브 기능 지원
단점	- 네이티브 코드 수정 불가 - 일부 기능(인앱 결제 등) 구현 불가	- 초기 설정 복잡 - 빌드 시간이 상대적으로 길다
사용 추천	빠른 MVP 개발, 간단한 앱	커스텀 네이티브 기능이 필요한 앱

Expo CLI로 시작 → 필요하면 명령어 한줄로 React Native CLI로 마이그레이션 가능!

npx expo prebuild  # Expo 프로젝트를 Native CLI로 변환

Ch 02. Expo 세팅

1. Expo 사용 전 필요한 환경 세팅

1. 앱 스토어에서 Expo Go 설치 (실제 기기에서 실행 가능)
2. Node.js 설치 (https://nodejs.org/)
3. Git 설치 (https://git-scm.com/)
4. Watchman 설치 (Mac 사용 시)
5. brew install watchman
6. 패키지 매니저 선택 → yarn 또는 npm
7. 에디터 추천 → VS Code

2. Expo 프로젝트 생성 & 실행

npx create-expo-app myApp  # Expo 프로젝트 생성
cd myApp
npx expo start             # Expo 앱 실행 (로컬 서버 열림)

안드로이드는 expo go앱켜서 스캔하고

아이폰은 그냥 카메라앱 켜서 스캔하면 됨

기본 RN 화면이 나온다!! index.tsx수정해봄 ㅎ