Loading...
React Native로 상상만 하던 나만의 앱 직접 만들기
React Native로 상상만 하던 나만의 앱 직접 만들기
React Native Expo로 하이브리드 앱 만들기
메인 클래스
온라인
IT·프로그래밍 |커리어·비즈니스

Summer 마스터

구매 후 바로 수강

(210일 수강가능)

약 6 시간

로딩 중...

상상만 하던 앱 서비스를 만드는
가장 빠른 길을 알려드립니다

Summer의 클래스

"구조 설계? API? 배포?
이걸 다 혼자 어떻게 해??"


원티드, 새싹(SeSAC), KB국민은행이
선택한 검증된 강의력!
판교 K사 프론트엔드 개발자
Summer의 클래스와 함께라면

React Native와 실무 라이브러리를 활용하여
토스 결제, 지도, 푸시 알림이 포함된
고성능 모바일 앱 서비스를
내 손으로 직접 출시할 수 있습니다.

혹시 이런 고민을
하고 있나요?

emoji

OS별로 다른 환경 설정이랑
쏟아지는 에러 때문에 코드 한 줄
제대로 쓰기 어려워.

emoji

MVP만 있는 앱에 전문적인
기능도 넣고 싶은데 유튜브 무료
정보들은 도움이 안 돼.

emoji

복사 붙여넣기만 반복하며
코딩하다 보니 작은 라이브러리
충돌에도 해결책을 몰라 막막해져.

emoji

힘들게 만든 앱을 스토어에
배포하려 해도 복잡한 빌드 오류와
끝없는 심사 거절에 지쳐.

코딩 툴 튜토리얼 vs Summer 클래스

오직 이 클래스만의
차별화된 포인트!

Point 01

Point 01

실무 표준 스택으로 완성하는
고성능 애플리케이션

판교 현직자가 실무 프로젝트에서 사용하는
React Query와 Zustand 기반 최신 데이터
관리 기법을 전수합니다. 실전에서 통하는
코드 구조와 최적화 노하우를 습득해 고성능
결과물을 완성해 봅니다.

Point 02

Point 02

비즈니스로 연결되는
실전 기능 구현 비법

토스 결제 연동, 지도 API 활용, 실시간 푸시
알림 등 비즈니스 앱의 핵심 기능을 직접
구현합니다. 서비스를 운영할 때 마주하는
권한 설정이나 네이티브 모듈 확장 등, 현직자 만의 해결법을 담았습니다.

Point 03

Point 03

배포부터 업데이트까지
이어지는 막힘없는 프로세스

복잡한 빌드 과정을 자동화하는 방법과 앱
재배포 없이 코드를 실시간 반영하는 노하우
를 공개합니다. 개발 시작부터 배포, 유지보수 로 이어지는 전체 파이프라인을 경험하여
준비된 1인 개발자나 실무자로 거듭나 봅니다.

판교 K사 프론트엔드 개발자

Summer의 포트폴리오

Summer 포트폴리오 이미지

원티드

프리온보딩 프론트엔드 강의 01

Summer 포트폴리오 이미지

원티드

프리온보딩 프론트엔드 강의 02

Summer 포트폴리오 이미지

청년취업사관학교 SeSAC

프론트엔드 커리어코칭

Summer의 포트폴리오 이미지

KB국민은행

IT’s Your Life 5기 1:1 취업컨설팅

수강 체크리스트

check

머릿속 아이디어가 가득하지만 코드 구현 방법을 모르는 분

check

리액트는 알지만 모바일 개발 시작이 막막한 분

check

지도, 결제, 푸시 알림 같은 실무 기능을 적용하고 싶은 분

check

현직자의 노하우가 담긴 앱 개발 스택이 궁금한 분

Summer 클래스 미리보기

quote

어떤 구조로 서로 다른 앱 화면을
하나로 연결해야 할지 막막해

Preview 1

quote

지도랑 결제 시스템처럼
복잡한 기능도 구현하고 싶어

Preview 2

quote

앱 빌드와 스토어 배포 과정이
너무 복잡하고 어려워

Preview 3

Step by Step으로 끝내는

React Native 앱 개발

STEP 1

React Native 원리 이해와
효율적인 개발 환경 구축

Bridge와 New Architecture의 차이를
이해하고, 초보자도 10분 만에 앱을
띄울 수 있는 최적화된 개발 환경을 구축합니다.

Step 1 Image 1

Step 1 Image 2

STEP 2

실무 표준인 React Query와
Zustand 데이터 관리

서버 상태 자동화 및 전역 상태 관리법을
배웁니다. 현업에서 쓰이는 유지보수 쉬운
폴더 구조와 데이터 패칭 노하우를 습득합니다.

Step 1 Image 1

Step 1 Image 2

STEP 3

내비게이션부터 결제 연동까지
실제 서비스 필수 기능 구현

화면 이동부터 지도, 카메라 설정, 토스 결제 API
연동을 실습합니다. 사용자 경험을 극대화하는
목록 최적화 기법으로 앱을 완성합니다.

Step 1 Image 1

Step 1 Image 2

STEP 4

네이티브 기능 확장과 디버깅
스킬로 완성하는 고립 없는 앱

푸시 알림과 네이티브 기능을 제어하는 법을
익힙니다. 개발자 메뉴를 활용한 디버깅 노하우로
에러를 스스로 해결하는 힘을 기릅니다.

Step 1 Image 1

Step 1 Image 2

STEP 5

EAS 배포 자동화부터 현직자가
전하는 실전 취업 면접 전략

복잡한 빌드 과정을 자동화하고 앱 업데이트를
실시간 반영하는 법을 배웁니다. 포트폴리오
완성도를 높이는 면접 준비와 취업 전략을
공유합니다.

Step 1 Image 1

Step 1 Image 2

프론트엔드 개발자
Summer 트레일러

만약 내가 Summer의
온라인 클래스를 완강한다면?

수강 전

Before Class

check

무엇부터 배울지 몰라 시작조차 못한 모바일 앱 개발

check

복잡한 결제와 지도 기능 구현 앞에서 포기했던 순간들

check

빌드 오류와 배포 장벽에 가로막혀 중단된 개인 프로젝트

수강 후

After Class

check

판교 현직자의 실무 스택을 이식한 고성능 앱 완성

check

토스 결제부터 실시간 푸시까지의 핵심 기능 구현

check

배포 자동화로 상상만 하던 내 앱을 스토어에 정식 출시

“안녕하세요,
프론트엔드 개발자
Summer입니다.”

이 클래스는 React Native로
처음 앱 개발을 하는 분들을 위해
만들어졌습니다.

안녕하세요, 프론트엔드 개발자
Summer입니다.

저 역시 React Native로 처음 앱을 개발할 때
어디서부터 시작해야 할지 막막했던 경험이 있습니다.
이번 클래스는 그런 막막함을 해소하고,
실무에서 바로 적용할 수 있는 기능을 중심으로
기획되었습니다.

단순히 기능 구현에 그치지 않고 퍼포먼스 최적화,
유지보수성을 고려한 구조 설계, 실제 서비스 배포 등
수강생이 곧바로 포트폴리오에 넣을 수 있는 수준의
앱을 만들 수 있도록
커리큘럼을 구성했습니다.

여러분이 목표에 한 걸음 더
다가갈 수 있도록 돕겠습니다.
클래스에서 만나요!

지금 수강하면 받을 수 있는
추가 혜택

혜택 1

직접 따라 하며 배우는
실습 예제 코드

Benefit 1

혜택 2

클래스와 함께 학습할 수 있는
핵심 노트

Benefit 1

Summer 인터뷰

Q1

이 클래스의 기획 의도는
무엇인가요?

입문자들이 가장 어려워하는 부분은 '무엇을 먼저 배우고,
어떻게 앱을 만들어야 하는지 모른다'
라는 점입니다.
이 클래스는 그런 막막함을 해소하기 위해 기초부터 실전 앱 완성까지
전체 흐름을 제시하는 형태로 구성했습니다.

Q2

이 클래스를 추천하는 이유는
무엇인가요?

실무에서 실제로 사용하는 최신 스택과 개발 흐름을 그대로
반영
했다는 점입니다. Expo 기반 환경부터 생태 관리
(Zustand), 데이터 패칭(React Query)까지 모두 실습하며
이해합니다. 예제 코드 또한 실무형 구조로 구성되어 있어,
클래스를 따라만 와도 자연스럽게 현업 개발 방식에 익숙해질
수 있습니다.

Q3

이번 클래스만의
차별점이 궁금해요.

하이브리드 앱 1개를 처음부터 끝까지 직접 완성하며
실무 핵심을 자연스럽게 익힐 수 있는 구조입니다. 기초,
화면 구성, 기능 구현, 배포까지의 전 과정을 실습하며,
수강 후 혼자서도 앱을 개발/배포할 수 있는 완성형 역량을
갖출 수 있습니다.

마스터 소개
Summer
Summer
안녕하세요! 프론트엔드 개발자 Summer입니다. 여러분이 목표에 한 걸음 더 다가갈 수 있도록 돕겠습니다. 현) 판교 K사 프론트엔드 개발자 (배송앱, 웹) [교육 이력] 전) 원티드 프리온보딩 프론트엔드 강의 전) 청년취업사관학교 새싹SeSAC 커리어 코칭 전) KB IT’S YOUR LIFE 5기 1:1 취업컨설팅
클래스 커리큘럼
20
동영상19
아티클1
Part 1. React Native 기본 이해

01. [수강생 혜택 소개] 공지사항(필독!)

01. React Native란?

14:06

01. Expo와 React-Native-CLI 비교해보기

09:04

01. The New Architecture

13:29

Part 2. 실전 프로젝트 설정

01. Node.js, watchman 설치

10:48

01. project 생성

23:55

01. React Query로 API 호출 구조 만들기

41:53

Part 3. 필수 기능 구현하기

01. Stack,Tab, Drawer, useRouter 개념 설명

23:11

01. ScrollView에 대해서 알아보기

14:06

01. expo-maps

18:41

01. node_modules 수정하기

10:09

01. iOS & Android 권한 설정

24:29

01. 결제 승인 서버 만들기

22:14

01. splash screen 커스터마이징

11:55

Part 4. Native 기능

01. Google Firebase을 통해 google-services.json 받기

25:44

01. 개발자 메뉴 뜯어보기

15:14

01. Bridge 개념 설명

16:11

Part 5. 배포 및 마무리

01. EAS로 Build하기

11:10

01. Expo Update 세팅

07:15

01. 면접준비

08:38

추천 과정

로딩 중...
유의사항
할인 혜택 마감까지
D-16, 11:23:41

31%

259,000

178,000원