[React Native] 1장 React Native란?

1. React Native란?

React Native는 Facebook에서 개발한 오픈소스 프레임워크로, Javascript를 사용한 모바일 애플리케이션을 개발할 수 있는 언어입니다. iOS와 Android 플랫폼에서 네이티브 앱을 만들 수 있습니다. React Native의 특징은 아래와 같습니다.

• 크로스 플랫폼: 한 번의 코드 작성으로 iOS와 Android에서 모두 실행 가능
• 네이티브 컴포넌트: 네이티브 UI 컴포넌트를 사용하여 성능이 뛰어난 앱 개발
• Hot Reloading: 코드 수정 후 즉시 결과를 확인 
• 커뮤니티 지원: 강력한 커뮤니티와 다양한 라이브러리, 도구 사용 가능
• Javascript 사용: 웹 개발자에게 친숙한 Javascript 언어 사용 

---

2. React Native의 장단점

• 장점
  • 개발 속도: 크로스 플랫폼으로 코드 재사용 가능하여 개발 시간 단축
  • 네이티브 성능: 네이티브 앱과 유사한 성능 제공
  • 풍부한 생태계: 다양한 라이브러리와 플러그인 기능 확장 
  • 커뮤니티: 활발한 커뮤니티로 문제 해결 및 도움을 받을 수 있음
• 단점
  • 네이티브 기능 접근 체계: 일부 네이티브 기능은 추가 작업이 필요할 수 있음
  • 성능 문제: 복잡한 애플리케이션에는 성능 저하가 발생할 수 있음
  • 버전 호환성: 라이브러리 및 프레임워크 버전 업데이트에 따른 호환성 문제 발생 가능 

---

3. 프로젝트 세팅

React Native를 세팅하기 위해서는 Node.js 설치와 React Native CLI 또는 Expo CLI를 선택할 수 있습니다.

• react-native 프로젝트 만들기

npm install -g expo-cli
npx create-expo-app MyReactNativeApp
cd MyReactNativeApp

• Andorid Studio 설치
  
  • Android Studio 공식 웹 사이트에서 다운로드 및 설치
  • Android Studio를 실행하고 SDK Manager에서 필요한 SDK와 도구 설치
  • AVD Manager에서 Android 가상 장치 설정(에뮬레이터)
• Android Studio 설정
  
  • Android Studio에서 프로젝트를 열고, android 폴더 선택
  • Gradle Sync를 통해 필요한 종속성 다운
  • AVD Manager에서 가상 장치 실행
• VS Code 설정 
  • VS Code에서 프로젝트 폴더 열기
  • 필요한 확장 프로그램 설치
    • React Native Tools: React Native 개발 도구
    • Prettier: 코드 포매터
    • ESLint: 코드 품질 검사 도구.
• 디버깅 설정
  • Android 디버깅
    • Android Studio에서 가상 장치 실행 후, Expo Go 앱 설치
    • 아래 명령어로 앱을 실행

npm run android

 

---