React Native와 Expo로 크로스플랫폼 iOS 및 Android 앱을 개발하세요. 첫 번째 컴포넌트부터 애니메이션, 네이티브 API, 푸시 알림, App Store 배포까지 다룹니다. 이 트랙은 절대 초급(A1)부터 고급(B2)까지 30개의 점진적 미니 과정으로 구성되며, 짧고 집중된 레슨과 빠른 퀴즈로 각 개념을 확실히 익힐 수 있습니다.
기초부터 시작해서 중급과 고급 주제까지 단계적으로 진행하며, 각 과정이 이전 과정을 토대로 합니다. 모든 레슨은 실무적이며 실제 예제와 함께 제공되고, 필요할 때 AI 튜터의 도움을 받을 수 있습니다.
각 과정은 4개의 집중된 레슨으로 나뉩니다. 하루에 몇 개 레슨씩 완료하면 몇 개월이 아닌 몇 주 만에 전체 트랙을 마스터할 수 있습니다.
AI 기반 도구와 기능으로 학습을 강화하세요
React Native Academy 학습 경로의 모든 코스.
Expo로 React Native 개발 환경을 실행할 수 있도록 설정합니다. 필요한 도구를 설치하고 첫 프로젝트를 만든 다음 실제 기기나 시뮬레이터에서 실행합니다. 과정을 마치면 프로젝트 구조를 이해하고 첫 구성 요소를 작성할 준비를 갖추게 됩니다.
모든 React Native 화면을 구성하는 기본 요소를 배웁니다. View, Text, Image 구성 요소로 레이아웃을 만들고 모바일 화면에 콘텐츠를 표시해 봅니다. 이 과정에서 구성 요소를 조합해 실제 UI 구조를 만드는 실습을 진행합니다.
CSS에서 영감을 받은 속성을 JavaScript 객체와 StyleSheet로 적용하는 React Native의 스타일링 시스템을 익힙니다. Flexbox를 사용해 iOS와 Android의 다양한 화면 크기에 맞게 조정되는 반응형 레이아웃을 구축합니…
속성과 상태를 사용해 React Native 구성 요소 사이에서 데이터가 흐르는 방식을 이해합니다. 속성으로 자식 구성 요소에 데이터를 전달하고, useState로 구성 요소 내부의 변경되는 값을 관리하는 방법을 배웁니다. 이 과정은 인터랙티브한 모…
모바일 화면에서 사용자의 상호작용을 포착하고 이에 응답하는 방법을 배웁니다. 키보드 입력에는 TextInput을, 탭에는 TouchableOpacity와 Pressable을, 전환과 선택에는 Switch와 Picker 구성 요소를 사용해 봅니다.
업계 표준 React Navigation 라이브러리를 사용해 React Native 앱에 여러 화면을 오가는 탐색 기능을 추가합니다. 스택 탐색기를 설정하고 화면 사이에 데이터를 전달하며, 앱의 주요 영역을 위한 탭 막대를 구축합니다.
FlatList와 SectionList로 대규모 데이터 모음을 효율적으로 표시합니다. 수천 개의 항목이 있어도 원활한 스크롤 성능을 유지하도록 이 구성 요소들이 렌더링을 가상화하는 방식을 배우고, 자주 사용하는 목록 UI 패턴을 구축합니다.
useState와 useEffect를 넘어 React Native에서 사용할 수 있는 전체 React 훅을 익힙니다. useCallback, useMemo, useRef, useReducer를 이해하고, 각 훅이 어떤 문제에 적합한 도구인지 배웁니다.
React에 내장된 Context API를 사용해 속성을 여러 단계로 전달하지 않고 앱 전체에서 전역 상태를 공유합니다. 테마 컨텍스트와 사용자 인증 컨텍스트를 만들고, 성능 문제 없이 여러 컨텍스트를 결합하는 방법을 배웁니다.
React Native 앱을 실제 API에 연결합니다. 마운트 시 네트워크 요청을 실행하는 데 useEffect를 사용하고, HTTP 호출을 간소화하는 Axios를 활용하며, UI에서 로딩 상태와 오류, 응답 데이터를 처리하는 방법을 배웁니다.
오늘날 Redux를 사용하는 공식 권장 방식인 Redux Toolkit으로 복잡한 애플리케이션 상태를 예측 가능하게 관리합니다. 슬라이스를 만들고, 작업을 디스패치하며, 선택자를 사용하고, Redux 저장소를 React Native 구성 요소에 연결…
Redux보다 훨씬 적은 보일러플레이트 코드만으로 사용할 수 있는 간결하고 빠른 상태 관리 솔루션 Zustand를 알아봅니다. 스토어를 만들고 액션을 추가하며, 단 몇 줄의 코드로 Zustand를 React Native 구성 요소에 통합해 봅니다.
앱을 다시 시작해도 유지되도록 사용자 데이터와 앱 설정을 기기에 로컬로 저장합니다. AsyncStorage를 키-값 저장소로 사용하고, 환경설정을 저장하는 설정 화면을 만들며, 모바일 로컬 저장소의 한계도 알아봅니다.
모바일 앱을 특별하게 만드는 네이티브 하드웨어와 OS 기능에 접근합니다. Expo의 관리형 워크플로 API를 사용해 카메라를 통합하고 GPS 좌표를 읽으며 로컬 알림을 예약하고, iOS와 Android에서 권한을 올바르게 처리하는 방법까지 익힙니다.
react-hook-form을 사용해 견고하고 성능이 뛰어난 React Native 양식을 만듭니다. 입력 항목을 등록하고 유효성 검사 규칙을 적용하며 필드별 오류 메시지를 표시하고, 제어기 API로 서드파티 UI 구성 요소를 통합합니다.
내장 Animated API를 사용한 부드러운 네이티브 구동 애니메이션으로 React Native UI에 생동감을 더합니다. 시간 기반, 스프링, 순차 애니메이션을 배우고 불투명도, 위치, 크기 변환에 적용합니다.
React Native Reanimated 3와 React Native Gesture Handler로 유연하고 제스처 중심적인 상호작용을 만듭니다. 스와이프, 핀치, 패닝 제스처를 처리하고 UI 스레드에서 전적으로 실행되는 워클릿으로 이에 반응하는…
브라우저, 이메일 또는 다른 앱의 URL에서 사용자가 앱을 바로 열 수 있도록 설정합니다. iOS와 Android 모두에서 사용자 지정 URL 스킴과 유니버설 링크를 구성하고, 들어오는 URL을 처리해 올바른 화면으로 이동시킵니다.
앱이 닫혀 있을 때도 사용자의 재방문을 유도하도록 기기로 푸시 알림을 보냅니다. 푸시 토큰을 받도록 기기를 등록하고 Expo의 푸시 서비스를 통해 알림을 전송하며, 알림을 눌렀을 때 앱의 올바른 화면이 열리도록 처리합니다.
TanStack React Query를 사용해 인터넷 연결이 없어도 안정적으로 작동하는 앱을 만듭니다. 서버 데이터를 기기에 캐시하고 연결이 복구되면 변경 작업을 동기화하며 사용자에게 매끄러운 오프라인 경험을 제공합니다.
Supabase를 React Native 앱의 완전한 백엔드로 통합하고 인증, 데이터베이스 질의, 실시간 구독을 다룹니다. 서버 코드를 작성하지 않고 Postgres 데이터베이스를 기반으로 인증된 화면을 만듭니다.
React Native Firebase 라이브러리를 사용해 React Native 앱에 Firebase Authentication과 Cloud Firestore를 추가합니다. 사용자를 인증하고 문서를 저장하고 조회하며 Firestore 컬렉션의 실시…
React Native 앱에서 가장 흔한 성능 병목을 진단하고 해결합니다. Flipper와 React DevTools로 성능을 분석하고 불필요한 렌더링을 제거하며 목록 스크롤을 최적화하고 JavaScript 번들 크기를 줄입니다.
Jest와 React Native Testing Library를 사용해 React Native 코드의 신뢰할 수 있는 단위 테스트와 구성 요소 테스트를 작성합니다. 구성 요소를 격리된 환경에서 테스트하고 네이티브 모듈을 모의 처리하며, 문제가 실제…
Maestro를 사용해 기기 또는 시뮬레이터에서 실제 사용자 흐름을 자동화하는 종단 간 테스트를 작성합니다. 흐름을 기록하고 UI 요소를 검증하며 Maestro 테스트를 CI 파이프라인에 통합해 통합 버그를 자동으로 포착합니다.
Swift 또는 Kotlin으로 네이티브 코드를 작성하고 이를 JavaScript에 노출해 React Native를 기본 API 이상으로 확장합니다. 기존 네이티브 모듈 패턴과 JSI를 사용하는 새로운 Turbo Native Module 아키텍처를…
구성 플러그인을 작성해 Expo 관리형 워크플로 앱의 네이티브 프로젝트 구성을 자동화합니다. 네이티브 파일을 직접 편집하지 않고 구성 플러그인에서 AndroidManifest.xml, Info.plist, 빌드 스크립트를 수정합니다.
React Native 앱을 iOS App Store 심사의 전체 과정에 맞춰 제출합니다. 서명 인증서와 프로비저닝 프로파일을 구성하고 App Store 메타데이터를 준비하며 Xcode와 EAS Build를 통해 빌드를 제출합니다.
처음부터 끝까지 React Native 앱을 Google Play Store에 게시합니다. 서명된 AAB를 생성하고 필요한 모든 리소스를 포함한 Play Console 등록 정보를 구성하며 첫 번째 프로덕션 출시를 위한 단계적 배포 과정을 진행합니다.
이 트랙에서 배운 모든 내용을 적용해 처음부터 완전하고 프로덕션 배포가 가능한 React Native 애플리케이션을 만듭니다. 아키텍처를 계획하고 인증, 데이터 기반 피드, 기기 기능, 애니메이션을 구현한 뒤 두 스토어에 앱을 제출합니다.
네, React Native Academy 강의를 무료로 시작하고 인터랙티브 레슨을 모두 무료로 완료할 수 있습니다. 선택적 PRO 구독을 통해 고급 AI 도구와 공유 가능한 수료증을 잠금 해제할 수 있습니다.
아니요. 강의는 기초부터 시작하여 점차 더 심화된 주제로 나아가므로 JAVASCRIPT 경험이 없어도 시작할 수 있습니다.
직접 해보면서 배웁니다. 짧은 인터랙티브 레슨은 명확한 설명과 실시간으로 실행되는 실습 코딩 연습을 함께 제공하며, 24시간 AI 튜터가 막힐 때마다 맞춤형 도움을 줍니다.
네, PRO 학습자는 시험을 응시하고 React Native Academy 강의의 검증 코드가 포함된 공유 가능한 수료증을 취득할 수 있습니다.
네, CoddyKit은 웹과 iOS, Android 네이티브 앱으로 이용 가능하므로 어느 기기에서나 JAVASCRIPT을(를) 배우고 진행 상황이 모든 기기에서 동기화됩니다.
