리액트 네이티브

초격차 패키지 Online.

React Native를 활용한
빠르고 완성도 높은 앱 개발
with 21개 프로젝트

  • 01 고퀄리티 21개 프로젝트 실습

    프로젝트 기반 실습으로 실무 밀착 학습 현직자가 꼽은 필수&심화 기술까지 모두 포함

  • 02 필수 개념 ~ 심화 스킬 총 정리

    앱 개발을 위해 알아야 하는 필수 개념은 물론, 실무에서 쓰이는 심화 스킬까지 한 번에 정리

  • 03 질의응답 커뮤니티 with 강사님

    디스코드 커뮤니티를 활용해 강사님께 직접 질문하고 해결할 수 있어요.

코스 프로모션 배너 전용입니다.
0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.
(자동)
정가 (자동)
할인 금액 (자동)
현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시
바로 구매하기

이런 생각한 적 있으신가요?

이 모든 문제를 해결할 단 하나의 솔루션
React Native 앱 개발

  • • 웹과 앱을 한 번에 만들 수 있습니다. (Flutter는 하지 못하는 특장점입니다.)
    • iOS, Android를 한 번에 개발할 수 있어 네이티브 앱 개발에 비해 인력과 자금이 1/2 절감됩니다.
    • 수정 코드를 저장만 하면 변경 내용을 빠르게 확인할 수 있습니다. (Hot Reload, Live Reload 기능으로 가능)
  • • JavaScript만 있으면 프론트엔드 지식만으로도 앱을 개발할 수 있습니다.
    
* Flutter는 Flutter에만 쓰이는 언어인 Dart 학습 필요
    
• 앱 심사(배포 검증) 없이 업데이트가 가능해, 유저들의 의견을 빠르게 확인할 수 있습니다.
    
* Flutter, Swift, Kotlin에는 없고, React Native에만 있는 CodePush 기능으로 가능
  • • 해외 기업
    메타(페이스북), 테슬라, 인스타그램, 쇼피파이, 우버이츠, 디스코드 등
    • 국내 기업
    토스, 리디, 네이버제트, 카카오페이, 두나무, 숨고, 미소 등

완성도 높은 React Native 앱을 만들기 위한 최적의 학습 방법은?
바로 프로젝트 기반 학습!

실제 사용되는 기능을 직접 구현해보고,
앱 개발 프로젝트에 바로 적용해보세요!

초격차 구성 1
21개의 프로젝트로 개념 완벽 이해&실무 정복
다양한 프로젝트를 통해 React Native로 구현 가능한 기능을 확인하세요.
다른 데선 찾아볼 수 없는 압도적인 프로젝트 개수로 내가 만들 앱에서 구현할 기능을 쏙쏙 학습하세요.

Point 01
React Native Animation만 무려 12시간
자료가 부족해 현직 React Native 개발자도 학습이 어려웠다는 Animation.
디자이너 출신 개발자 강민정 강사님께서 쉽고 아름다운 Animation을 구현할 방법을 알려드립니다.

*위 이미지는 예시로 학습 내용과 다소 차이가 있을 수 있습니다.

내 손가락이 닿는 대로 움직이는 Animation까지
3단계로 마스터할 수 있습니다.

  • STEP 1 ‣

    Animated, LayoutAnimation를
    활용한 Animation 생성

  • STEP 2 ‣

    실무자도 학습하기 까다로운
    PanResponder 개념 및 실습

  • STEP 3

    제스쳐 기반 프로젝트 2개 학습
    (모바일페이, 요튜브 뮤직 클론 코딩)

초격차 구성 2
입문 - 활용 - 실전 총 3단계 난이도로 구성된 커리큘럼
React Native 프레임워크(Expo,CLI)와 사용되는 프로그래밍 언어를 기준으로 난이도가 구분됩니다.
나의 현재 실력 및 개발 희망 앱의 수준에 따라 프레임워크 및 언어를 선택하여 학습해보세요.

  • React Native Expo란?
    초기 세팅이 쉬워서 빠르고 간편하게 설치할 수 있습니다. 좀 더 쉽게 앱 개발에 접근할 수 있어, 앱 개발이 처음이신 분들이 주로 사용합니다.
    (입문자 대상인 타사 React Native 앱 개발 강의 다수가 Expo로 진행됩니다.)
    • 빠르고 편하게 개발할 수 있도록 많은 API를 지원합니다.
    • CLI에 비해 기기 세팅, 빌드 툴이 필요하지 않아 앱 개발 난이도가 낮습니다.

  • React Native CLI란?
    자유도가 높아 뭐든지 개발할 수 있습니다. Android, iOS에 대한 폴더 구조에 대한 기본지식이 필요해 Expo에 비해 난이도가 있지만, 심화 기능 구현을 위해 Expo로 개발하시던 분들도 CLI를 추가 학습합니다. 현직 React Native 개발자들은 CLI를 주로 사용합니다.
    • 원하는 언어로 추가 개발이 가능(custom native module 사용)하며 커스터마이징이 용이합니다.
    • Expo 패키지를 이용할 수 있습니다.

나의 수준과 활용 목적에 맞게 골라 듣는 학습 가이드

잠깐 STOP! 더 자세한 강의 내용이 궁금하다면?
✨영상을 통해 미리 확인해 보세요!✨

상세 커리큘럼 보기

+ 무료 제공 강의 +
배경 지식이 부족해서 ‘내가 할 수 있을까’ 걱정되시나요?
여러분 만의 앱이 탄생하도록,
패스트캠퍼스가 응원하는 마음을 담아 27시간 상당의 강의 혜택을 드립니다.

★ Part 6. 최종 ★
실제 비즈니스가 가능한 수준의
2가지 앱 개발 프로젝트로 학습하세요
일반적인 프로젝트에서는 배울 수 없는 ‘더 촘촘한 커리큘럼’으로 학습하세요.
 [앱 개발]-[수익화]-[배포] 과정 사이에 숨겨져 있던 ‘실무 프로세스’에서 필요한 기술을 알려드립니다.
 본 학습 과정을 통해 앱 개발 마스터가 되어보아요.

초격차 구성 3
앱 개발에 필요한 120개 이상의 개념을 개발 사이클에 따라 학습
개발-테스트-수익화-배포 전 과정마다 꼭 필요한 개념들을 모두 담았습니다.
필수 개념을 충분히 학습하며 APP 비즈니스가 가능한 수준의 앱까지 개발할 수 있습니다.

  • 앱 개발 | 52가지 이상의 개념
    : 한 번에 iOS와 Android 앱(크로스플랫폼 앱)을 개발합니다.

    • 기본 컴포넌트: View, Text, Image, TextInput, ScrollView, Button, Switch, FlatList, SectionList, Header, Menu 등
    • 심화 컴포넌트: Storybook(UI컴포넌트 개발 도구) 실무 적용, 무한 스크롤, Pagination
    • 스타일링: StyleSheet, Inline, StyledComponent
    • React-Navigation: Stack, Bottom Tab, 관련 개념(routes, deeplink) 등
    • Hook: useState, useEffect, custom hook 제작(useBookmark, useTheme(다크모드), useCalculator 등), library hook, Memoization(최적화), Redux 관련 빈번 사용 hook 등
    • Module: New Architecture, Hermes, Fabric, TurboModule 등
    • 애니메이션: PanResponder, Interaction Animation, Animated 라이브러리, LayoutAnimation, Animated Value, ReAnimated 라이브러리 활용, Lottie 등
    • 상태관리: Redux, Jest와 Redux 연동, Redux middleware, Recoil, Context API
    • 멀티 미디어 학습: 이미지, 음성 녹음, 음성 재생 기능
    • 권한(Permission)요청: iOS 알림 권한 요청
    • 협업: Fastlane 활용 iOS 인증서 관리
    • 데이터: AsyncStorage, fetch API, Firebase 등
    • Patch-package로 라이브러리 코드 수정 및 활용
    •••

  • 테스트 | 7가지 이상의 개념
    : 앱 개발 과정의 핵심 과정인 테스트 방법을 학습합니다.

    • 테스트: Jest 활용 단위(unit) 테스트, remote-config 관련 AB테스트, 
Github Actions 활용 단위(unit)테스트, 테스트 자동화
    • 디버깅: Flipper
    • Dependency manager: gradle, cocoapods

  • 수익화 | 4가지 이상의 개념
    : 앱으로 수익을 창출하는 방법을 배웁니다.

    • 배너 광고 수익(Admob)
    • 보상형 광고 수익(Admob)
    • 인 앱 결제(일반형)
    • 인 앱 결제(RevenueCat 활용 구독 수익)

  • 배포 | 14가지 이상의 개념
    : 앱을 플레이스토어/앱스토어에 업로드하는 방법을 학습합니다.

    • 업데이트: CodePush, 업데이트 자동화
    • Build: React Native를 Android, iOS로 각각 동작하도록 변환
    • 배포: npm package로 라이브러리 배포, EAS 활용 앱 배포 및 스토어 등록, Fastlane 활용 배포, 배포 자동화(Github Actions), CodePush로 앱 업데이트 배포
    • 배포 알림: 배포시 Slack으로 알림 전송
    • 푸쉬 알림: FCM(Firebase Cloud Messaging), APNS(Apple Push Notification Service), Local Notification
    • 렌더링: Mocking 활용 컴포넌트 렌더링

120가지 이상의 개념 학습으로
학습 후 이렇게 바뀔 수 있습니다!
▾▾▾▾▾

  • React Native를 활용하여 네이티브 앱(Android/iOS)만큼
    완성도 높은 앱    을 한 번에 개발합니다.

  • 앱 개발에서 마주한 문제를 React Native를 사용하여
    다양한 방법으로 해결합니다.

  • JavaScript를 활용해 웹 개발을 넘어 모바일까지
    개발 역량을 넓힙니다.

  • 앱 서비스에 적합한 수익화 기능을 적용하여
    앱 개발로 수익까지 얻을 수 있습니다.

초격차 구성 4
React Native 200% 활용을 위한 개념, 노하우 완전 정복
10여 명의 앱 개발자 대상 인터뷰 중 공통으로 언급된 ‘학습이 어려운 주제’를
실무 전문가 강사진이 이해하기 쉽게 설명해 드립니다.

Code Push 활용으로 시간과 비용 절감

• React Native의 강점인 CodePush 기능을 활용하는 방법을 알려드립니다.
• 심사 없이 앱을 배포할 수 있어, 유저 피드백에 빠른 대응이 가능합니다.
• 배포 자동화로 반복 작업을 자동화하여 시간을 절감할 수 있습니다.

React Native 앱을 iOS/Android로 개별 Build

• 실무자들이 특히 어려워하는 개별 Build 과정을 담았습니다.
• iOS 및 Android 디바이스에서 Standalone하게 동작하는 앱으로 Build 할 수 있습니다.

Jest 활용 단위 테스트

규모 있는 앱을 개발할 때 주로 활발하게 쓰이는 Jest에 대해 학습합니다.

네이티브(iOS/Android) 기능을 React Native에서 

사용할 수 있게 하는 React Native Module

React Native가 동작하는 원리를 바탕으로 Native Module을 학습합니다.
*Kotlin,Swift를 몰라도 강의를 보며 따라하며 학습할 수 있습니다.

앱 개발 완성도는 디테일이 좌우하는 1인치 싸움입니다.
정리된 앱 개발 노하우로 1인치 싸움에서 승리하세요.

  • 유저가 앱의 버튼 조작시 편리함을 더할
    터치 범위 조절 팁
  • 천차만별인 모바일 기기 화면 크기에
    대응하는 팁
  • 유저가 앱에 잘못된 접근을 했을 때,
    경고 알림 주는 방법

다른 곳에서는 챙겨주지 않는 앱 개발 세부 개념 정리
현직자 PICK! 유용한 개념과 정보를 모두 정리했습니다.

Info.plist, AppDelegate, manifest, Activity, Application

scheme, Permissions

• 동료가 실수하지 않도록 Typescript Type 정의하기

• 실무에서 기획서를 받는 것처럼 기획서를 검토해보기
• 재사용 가능한 컴포넌트 등

초격차 구성 5
React Native를 메인 기술로 활용 중인 회사의 현직 개발자로만 구성된 강사진
아무리 강의 커리큘럼이 좋아도, 강사에 대한 확신이 없으면 망설이게 되시죠?
완성도 높은 앱을 개발하실 수 있도록, 엄선된 강사진이 실무 노하우를 가득 담았습니다!

| 왜 React Native 앱을 운용하는 회사의 개발자 강의를 들어야 할까요?

| 이런 강사님들로 모셨습니다!

안다희 강사님
현) 주식회사 루빗 | CTO 및 공동창업자
 • 자기계발 앱 ‘루빗’
구글플레이 2021 올해를 빛낸 자기계발 앱, 앱스토어 오늘의 앱 선정
누적 다운로드 10만+ 루틴 관리 어플 "루빗" 개발총괄
 • 블로그: 코딩을 보라 운영 중

| Part 1 & Part 2(입문)
연준호 강사님
현) VIVER(두나무 자회사) | Frontend 개발 담당
전) 숨고(브레이브 모바일) | Mobile Tech Lead (4년)
생활솔루션 앱 ‘숨고’ : 2019 올해의 앱 (자기개발 부분) & iOS / Android 누적 500만 다운로드

| Part 3 (활용) & Part 4 (실전 1)
강민정(도디) 강사님
현) 빅펄주식회사 | React Native/React 5년차(클라이언트 개발자)
뉴스 큐레이션 앱 '헤드라잇' : 구글 플레이 뉴스/잡지 카테고리 1위 & 누적 다운로드 55만
• 블로그: RN 벨로그 운영 중

| Part 5 (실전 2)
김대훈 강사님
현) 주식회사 하얀마인드 | CTO 및 공동창업자 (2017 ~)
글로벌 영어 학습 앱 ‘레드키위’ : 100만+ 다운로드

| Part 6 (최종)

& 혜택으로 제공되는 강의 속 강사님

박영웅 강사님
현) 질링스 개발팀 프론트엔드 리더
전) 빈스토크 개발팀 과장 | 투비컴원 디자인팀 팀장

| 무료 혜택 제공 강의
<시그니처 패키지 : 프론트엔드 로드맵 마스터> 일부
<한번에 끝내는 프론트엔드 개발 초격차 패키지 Online> 일부

초격차 구성 6
강사님들께 직접 질문하는 질의응답 커뮤니티
디스코드 커뮤니티를 활용해 언제든 강사님께 도움을 요청할 수 있습니다.
강의 수강 중 어려움에 부딪힐 때, 자유롭게 질문하세요.

질의응답 커뮤니티, 이렇게 이용해보세요 !
1. 강사님, 수강생과 함께하는 React Native 앱 개발에 대한 질의응답
 2. 사이드 프로젝트 공유를 통한 학습 동기부여
3. 세미나, 이벤트 등 가장 빠르게 최신 정보 공지
* 본 커뮤니티는 온라인 강의장 공지사항에 기재된 링크를 통해 참여 가능합니다.
* 2022.12.08 ~ 2024.12.08까지 강사님들을 통한 질의응답이 운영 됩니다.
* 영업일 기준 7일 이내 답변해드립니다.

초격차 구성 7
내가 만든 앱으로 부수입 창출! 앱 수익화 방법만 4가지 학습
내가 만든 앱으로 부수입까지 얻을 수 있어요!
구글 Admob만 붙여서 수익을 얻는 방식 외에도 개발할 앱의 수익 모델에 맞춰 구독 수익 / 광고 수익 / 인 앱 결제를 적용해보세요!

* 위 이미지는 이해를 돕기 위한 예시이미지입니다.

초격차 구성 8
약 90시간 분량 강의를 평생소장하며 언제든 학습할 수 있습니다.
강의에서 다루는 프로젝트 수를 따져봐도, 가격을 따져봐도 압도적인 가성비!

월 1만 원대로
이 모든 내용을 평생 소장 & 무한 수강!
(*12개월 할부 기준, 강의 런칭 기념 할인가 적용)

잠깐
이런 분들께 추천드립니다 :)

| 기존에 학습한 JavaScript로 앱까지 만들어 보고 싶은 프론트엔드 개발자
React Native는 다른 웹과 앱 모두 개발 가능한 JavaScript로 앱을 만들 수 있어요(Flutter와 다른 React Native만의 특 장 점!) . 프로그래밍 언어 하나로 개발 가능 스택을 확장해보세요.

| 실력을 높이고 싶은 기존 React Native 개발자
50여 시간의 시장 조사, 현직 React Native 개발자 10인 이상의 인터뷰로 확인한, 실무 중 어려워하는 부분을 모두 담아 커리큘럼에 반영했어요. Animation, 배포 자동화, CodePush, FCM, Unit Test 등 구현에 어려움을 겪은 부분들을 모두 해소해보세요.

| 유저 피드백을 반영하여 빠르게 앱을 업데이트 하고 싶은 네이티브 앱 개발자
React Native의 CodePush 기능으로 배포 심사 없이 빠르게 앱을 업데이트하는 경험을 해보세요! 유저 피드백에 빠르게 대응할 수 있습니다.

| 사이드 프로젝트로 앱을 개발하고 싶은 백엔드 개발자
앱 개발로 사이드 프로젝트를 진행할 때 알아야 할 모든 과정을 정리했어요! 개발-수익화-테스트-배포까지!
모르던 프로그래밍 언어는 따로 공부할 필요 없이 27시간 상당 강의(JavaScript/TypeScript/CSS) 제공 혜택을 드려요.

| 앱 개발자와 협업이 잦은 비개발자(디자이너, 기획자 등)
앱 개발로 사이드 프로젝트를 진행할 때 알아야 할 모든 과정을 정리했어요! 개발-수익화-테스트-배포까지!
모르던 프로그래밍 언어는 따로 공부할 필요 없이 27시간 상당 강의(JavaScript/TypeScript/CSS) 제공 혜택을 드려요.

| 빠르게 앱을 만들어 부수입을 창출하고 싶은 분
앱 수익화 방법만 총 4가지를 다루고 있어요. 구독 수익부터 2가지 유형의 광고 수익, 인 앱 결제까지!
만들 앱의 수익 모델에 맞춰 원하는 수익화 방법을 선택만 하세요.

코스 프로모션 배너 전용입니다.
0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.
(자동)
정가 (자동)
할인 금액 (자동)
현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시
바로 구매하기

상세 커리큘럼.

아래의 모든 강의를 초격차 패키지 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 모든 강의를 평생 소장하세요!

* 혜택으로 제공되는 기초 강의 3종은 아래 기재된 강의 상품의 일부 내용과 동일합니다.
1. JavaScript 기초 강의: [시그니처 패키지 : 프론트엔드 로드맵 마스터]
2. CSS 기초 강의: [시그니처 패키지 : 프론트엔드 로드맵 마스터]
3. TypeScript 기초 강의: [한번에 끝내는 프론트엔드 개발 초격차 패키지 Online.]

Part1. React Native 개념 및 개요

Part2. 입문

Part3. 활용

Part4. 실전 1

Part5. 실전 2

Part6. 최종

+ 무료강의 혜택 커리큘럼 +

혜택 강의 1. JavaScript 기초 강의 from <시그니처 패키지 : 프론트엔드 로드맵 마스터>

혜택 강의 2. CSS 기초 강의 from <시그니처 패키지 : 프론트엔드 로드맵 마스터>

혜택 강의 3. TypeScript 기초 강의 from <한번에 끝내는 프론트엔드 개발 초격차 패키지 Online>

  • 상세 커리큘럼.

    자세한 커리큘럼 및 내용은 여기서 확인하세요!

    자세히 보기 »

이 강의도 추천해요.

수강료.

국내 8개 카드사 12개월 무이자 할부 지원! (간편 결제 제외)

  • 삼성카드
  • 신한카드
  • 롯데카드
  • 현대카드
  • 하나카드
  • BC카드
  • KB국민은행
  • NH농협카드

※ BC카드의 경우, 비씨(페이북)을 선택하여 결제시에만 12개월 무이자 할부가 가능합니다.
(BC계열 – 우리/제일/기업/대구/경남/부산/광주/수협/전북/제주/신협)