Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

모바일 앱 개발

React Native with Expo: 제로초에게 제대로 배우기

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

(4.8) 수강평 25개

수강생 397명

이런 걸 배울 수 있어요

  • Expo로 앱 빠르게 만들어보기

  • Expo의 영역과 Native 영역의 차이 구분하기

  • 빠르게 앱 출시하기

  • 출시 후 심사 없이 앱 업데이트하기

여러분이 React 개발자라면 여러분은 이미 앱 개발자입니다 🚀

React만 알고 있어도 Android와 iOS 앱을 동시에 만들 수 있는 시대가 왔습니다. Expo는 복잡한 네이티브 설정 없이, 웹 개발자도 손쉽게 앱을 만들고 배포할 수 있게 도와줍니다. 특히 출시 속도가 중요한 사이드 프로젝트나 MVP 개발에 최적화된 도구입니다. 1인 개발자라면 Expo를 배워놓는다면 앱 개발 외주까지 받으실 수 있습니다. 이 강의에서는 Expo의 기본부터 앱 출시, 업데이트까지 실습 위주로 다루며, 여러분이 가진 React 실력을 앱 개발로 자연스럽게 확장할 수 있도록 이끌어드립니다.

React Native 한물간 것 아닌가요? Flutter가 낫지 않나요? 🤔

이 질문 정말 자주 듣습니다. 네, Flutter는 분명히 인기 있고 완성도 높은 프레임워크입니다. 하지만 이미 React를 알고 있다면? 얘기가 완전히 달라집니다. 굳이 새로운 언어(Dart)를 배우고, 새로운 생태계를 익히지 않아도 됩니다. Expo와 React Native 조합이라면 웹 개발자가 바로 앱을 만들 수 있습니다. 설정도 훨씬 단순하고, JS/TS 기반이라 생산성도 뛰어납니다. 특히 사이드 프로젝트나 MVP, 1인 개발에선 속도와 출시 편의성 면에서 Expo가 가진 이점이 분명합니다. Flutter도 좋다는 걸 인정하지만, React 개발자에겐 Expo가 훨씬 ‘합리적인 선택’이 될 수 있다는 걸 알려드리고 싶습니다.

이 강의의 특징

📌 즉시 실행 가능한 실습 중심: 코드 따라 쓰기보다는, 직접 앱을 만들어보는 데 집중합니다.

📌 빠른 앱 출시: Expo를 활용해 빠르게 앱을 개발하고, Android/iOS에 동시에 배포하는 과정을 배웁니다.

📌 실무 경험 기반 강의: 현업에서 실제 React Native, Expo 앱을 운영했던 경험을 바탕으로 실무에서 생길 수 있는 각종 오류에 대해 안내합니다.

📌 리액트만 할 줄 알면 누구나: 앱을 낼 수 있습니다. 타입스크립트로 진행되지만 타입스크립트 모르는 부분은 알려드려요.

이런 분들께 추천해요

웹은 이제 할 줄 아는데 앱도 한 번 만들어보고 싶어요.

React 개발자로 웹은 익숙한데 앱은 낯선 분/1인개발자로서 기술 스택을 늘리고 싶은 분 -이제 앱 외주도 가능!

기존에 웹이 있는 서비스에 앱도 출시하고 싶어요.
웹 서비스 디자인 그대로 앱으로 출시하고 싶은 분. 단순히 웹뷰를 씌우기에는 네이티브 기능이 조금 필요한 분

앱을 출시하고 싶은데 Android, iOS 따로 만들어야 해서 부담돼요.
하나의 언어로 두 앱을 모두(심지어 웹까지도 가능!) 출시하고 싶은 분

수강 후에는

  • Android와 iOS 앱을 직접 만들고 출시할 수 있습니다

  • 웹 개발자에서 앱 개발자로 자연스럽게 확장됩니다

  • 필요하다면 Native단도 건들 수 있게 됩니다(언어는 별도 학습 필요)

  • 앱스토어 심사 없이 앱을 업데이트하는 방법을 알게 됩니다

  • 사이드 프로젝트나 MVP 앱을 빠르게 완성할 수 있는 자신감이 생깁니다

이런 내용을 배워요.

내비게이션 뚝딱!

Next.js와 유사한 파일 라우터라서 쉽게 익힐 수 있어요. 탭, 스택, 스와이프 라우터 모두 배워봅시다.

제스처 기반 애니메이션도 뚝딱!

앱이면 유저와의 상호 작용이 많은데 react-native-reanimated와 react-native-gesture-handler로 처리해봅시다.

이미지 업로드, 위치 정보도 뚝딱!

Expo에서 관련 기능들을 다 제공해서 쉽게 만들 수 있어요. 더미 데이터는 miragejs를 사용해서 서버 없이도 만들 수 있어요. 백엔드 개발자 기다리지 말고 프론트에서 먼저 다 해버립시다!

배포 후에 앱스토어 심사 없이 업데이트!

긴급 에러가 발생했는데 하염없이 심사를 기다릴 수만은 없죠! Expo에서 제공하는 EAS Update로 심사 없이 앱을 원격 업데이트 해봅시다. (참고로 다크모드도 배워요 ㅎㅎ)

수강 전 참고 사항

실습 환경

  • 강의는 windows 11을 사용하고 있습니다. iOS 앱을 출시하려면 macOS가 필수입니다.

  • cursor IDE를 사용하고 있습니다. visual studio code와 동일한 환경이니 vs code로 진행하셔도 됩니다.

  • Expo SDK 53, React Native 0.79, Node 22를 사용합니다. 그 이상의 버전에서도 호환됩니다.

학습 자료

선수 지식 및 유의사항

  • 자바스크립트, React 기본 지식

  • 웹 사이트를 만들어본 경험(css flex 많이 사용합니다)

  • 타입스크립트로 강의가 진행되나 중요하지 않습니다. 무슨 타입이 필요한지 알려드려요.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 웹 개발자인데 앱쪽으로 스킬을 확장하고 싶으신 분

  • 빠르게 안드로이드, iOS 앱을 모두 출시하고 싶으신 분

  • 일인 개발자로 웹뿐만 아니라 앱 외주도 받고 싶으신 분

선수 지식,
필요할까요?

  • React

  • JavaScript

안녕하세요
입니다.

64,520

수강생

1,552

수강평

9,633

답변

4.8

강의 평점

22

강의

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

커리큘럼

전체

52개 ∙ (7시간 40분)

해당 강의에서 제공:

강의 게시일: 
마지막 업데이트일: 

수강평

전체

25개

4.8

25개의 수강평

  • shin jiun님의 프로필 이미지
    shin jiun

    수강평 5

    평균 평점 5.0

    수정됨

    5

    98% 수강 후 작성

    제로초님 배달앱 클론코딩 강의로 RN에 입문해서 현업에서 RN, Expo로 앱 개발하고 있는 개발자입니다. 기존 RN강의는 cli기반의 강이였다면 이번 강의는 RN에서 Next.js의 역할을 하고 있는 Expo라는 프레임워크를 적극 활용하는 강의입니다. 기존 배달앱 클론 강의도 RN개발에 필수적인 부분들을 모두 담고 있었지만 이번 강의는 Expo가 업데이트 되면서 변경 된 부분들을 모두 상세하게 설명해주셔서 좋았습니다. 타 강의는 Expo Go를 활용해서 RN을 겉할기 하는 느낌이였는데 제로초님 강의는 development build를 활용해서 네이티브 라이브러리까지 사용하여 현업에서 필요한 RN, Expo 지식을 모두 알려주셨습니다. 기존에 Expo를 사용하고 있었지만 애매하게 알고있는 부분들까지 명확하게 설명해주셨습니다. 덤으로 제로초님이 Cursor를 활용하는 모습을 볼 수 있어 좋았습니다. Expo는 너무 편리하고 좋은 프레임워크이지만 진입장벽이 있어 도입하기 어려운 느낌이 있는데 이 강의를 계기로 신규 프로젝트는 Expo로 시작하는게 좋다라는 인식이 많이 퍼지게 되면 좋을것 같습니다.

    • 최우뚝님의 프로필 이미지
      최우뚝

      수강평 1

      평균 평점 5.0

      5

      31% 수강 후 작성

      • Bob_Park님의 프로필 이미지
        Bob_Park

        수강평 4

        평균 평점 5.0

        5

        30% 수강 후 작성

        • silqwer님의 프로필 이미지
          silqwer

          수강평 10

          평균 평점 5.0

          5

          30% 수강 후 작성

          • 홍정완님의 프로필 이미지
            홍정완

            수강평 2

            평균 평점 4.5

            5

            30% 수강 후 작성

            제로초(조현영)님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!