인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

모바일 앱 개발

배달앱 클론코딩 [with React Native]

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

(4.8) 수강평 53개

수강생 1,755명

React Native
Thumbnail

중급자를 위해 준비한
[모바일 앱 개발] 강의입니다.

이런 걸
배워요!

  • 리액트 네이티브

  • 리액트 내비게이션

  • 토큰 인증

  • 네이버 지도

  • 네이티브 모듈

  • 웹소켓

  • 푸쉬 알림

  • 코드푸쉬

  • 앱 출시

"믿고 듣는" 제로초의
모바일 앱 개발 강의! 🤳

이 강의에서는?

리액트 네이티브로 라이더용 배달 앱을 따라 만들며
환경세팅, 개발, 배포까지 전부 배워봅시다!
(리액트를 아신다면 누구든 앱을 만들 수 있어요.)


강의 기획 배경 🖋️

리액트 네이티브를 통해 현재 회사의 앱을 만들어서 안정적으로 운영하고, 카카오 모빌리티에 회사 매각도 가능했기 때문에 저에게는 매우 고마운 기술입니다.
하지만 시중에 판매 중인 리액트 네이티브 강의들을 보니 대부분 엑스포를 쓰고 있거나, 너무 간단한 앱이라 네이티브단을 다루지 않는 강좌들이 많았습니다. (JS만 알면 네이티브를 몰라도 앱을 만들 수 있다는 거짓된 정보도 많았고요.)
그래서 저만의 스타일로, 잘못된 오해를 바로잡고 첫 프로젝트 설정부터 출시까지 겪는 일들을 현실적으로 알려드리고자 강의를 만들었습니다.

Who is ZeroCho?

zer0cho

제로초 블로그 및
유튜브 채널 운영

노드 교과서

웹개발 베스트셀러
<Node.js 교과서> 저자


오늘의픽업

주식회사 오늘의픽업
CTO

📌 모르는게 있다면, 질문해주세요!
24시간 이내에 빠르게 답변해드립니다.

강의 특징 📚

  • 리액트 네이티브가 현실적으로 어떠한 장단점이 있는 정확하게 알려드립니다.
  • 6년간 리액트 네이트브로 앱을 만들면서 제로초가 겪었던 고민 & 노하우가 함축되어있습니다.
  • 강의 교안, 참고 자료, 소스 코드가 전부! 준비되어있습니다.
  • 제로초 강좌는 Q&A 답변이 엄청 빠른 것 아시죠?
    거기다 추가로! 수강생분들의 질문이 빈번한 내용이나 추가로 알고싶은 내용이 있다면 보너스 강좌로 제작해서 올려드립니다. Q&A에 언제든지 의견 남겨주세요!

누가 이 강의를 들으면 좋은가요? ✋

안드로이드와 iOS를
다 배우기엔 부담스러우신 분

타 플랫폼으로의
기술 스택 확장을 원하시는 분

리액트 네이티브 하나로
앱 출시까지 하고싶으신 분

강의를 듣고난 후의 내 모습 💭

  • 리액트 네이티브를 통한 앱 제작
  • 앱스토어 및 플레이스토어 배포
  • 리액트 네이티브와 네이티브단 연동

강의내용 맛보기 📣

1. 로그인, 로그아웃


2. 스플래시 스크린, 코드푸쉬 적용


3. 일련의 배송 과정
(주문 수락, 내 위치 확인, 배송 완료 후 이미지 업로드, 수익금 확인)


4. TMap 연동

예상 질문 답변 ❔❕

Q. 리액트를 알아야하나요?

네, 리액트 네이티브도 리액트입니다. 잘 모르시는 분들은 제 무료 강좌를 먼저 보고 오시면 충분히 이해하실 수 있습니다. 추가적으로, CSS의 Flex 지식은 어느 정도 있으시면 좋습니다.

Q. 타입스크립트로 꼭 해야하나요?

강좌 중 어떤 부분이 타입스크립트 코드인지 정확하게 알려드리기 때문에 원하신다면 타입스크립트를 빼고 자바스크립트로 전환해서 학습하실 수 있습니다.
그러나 자바스크립트 생태계는 이제 거의 타입스크립트로 전환되었다고 보셔도 무방하고, 대기업들은 신규 개발을 할 때 거의 타입스크립트를 사용한다는 점은 참고해주세요!

Q. 리액트랑 리액트 네이티브랑 비슷한가요?

기본적인 원리 (state, props, 라이프사이클, 훅 등)는 비슷합니다. 하지만 div, input 같은 컴포넌트 대신 네이티브에 대응되는 컴포넌트가 따로 있습니다. 화면 그리는 법은 강좌에서 따로 알려드립니다.

Q. 요즘 플러터가 인기많던데 꼭 리액트 네이티브인 이유가 있나요?

플러터 대신 리액트 네이티브를 사용한 이유인 코드푸쉬 (출시없이 실시간 소스 변경)도 함께 배우니, 강의에서 확인해주세요!

Q. 맥이나 아이폰이 필요한가요?

안드로이드 쪽은 윈도우로도 충분하고 강좌도 윈도우로 진행됩니다. 다만 아이폰 앱 개발을 하려면 윈도우에서는 매우 느리고 라이선스 문제도 있기 때문에 맥이 필요합니다. 아이폰은 필수는 아닌지만 출시 테스트를 위해서 있으면 더 좋습니다.


기타 🛠️

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 리액트 네이티브로 앱개발을 하고 싶으신 분

  • 리액트를 통해 다른 플랫폼으로 기술 스택을 넓히고 싶은 분

선수 지식,
필요할까요?

  • 리액트

  • 자바스크립트

안녕하세요
제로초(조현영)입니다.

수강생 수

60,171

수강평 수

1,403

강의 평점

4.8

강의 수

21

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

https://www.zerocho.com/lecture

제로초 강의 전체 로드맵

 

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

커리큘럼

전체

63개 ∙ (13시간 47분)

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!