강의

멘토링

로드맵

BEST
Programming

/

Mobile Application Development

配信アプリ クローンコーディング [with React Native]

リアクトネイティブでライダー用の配信アプリを作成します。 6年間リアクトネイティブで5つ以上のアプリを作成し、カカオモビリティに売却した開発者の講義です。

  • zerocho
꽉꽉 채워낸
Q&A의 달인
React Native

学習した受講者のレビュー

こんなことが学べます

  • リアクトネイティブ

  • リアクトナビ

  • トークン認証

  • ネイバーの地図

  • ネイティブモジュール

  • ウェブソケット

  • プッシュ通知

  • コードプッシュ

  • アプリリリース

「信じて聞く」ゼロ
モバイルアプリ開発講義! 🤳

この講義では?

リアクトネイティブでライダー向け配信アプリに沿って作成
環境設定、開発、配布まで全部学びましょう!
(リアクトを知っていれば誰でもアプリを作ることができます。)


講義企画の背景
🖋️

リアクトネイティブを通じて現在会社のアプリを作って安定的に運営し、カカオモビリティへの会社の売却も可能だったので、私にとっては非常に有難い技術です。
しかし、市販のリアクトネイティブ講義を見ると、ほとんどエキスポを使っていたり、あまりにも簡単なアプリだからネイティブ団を扱わない講座が多かったです。 (JSだけ知ればネイティブを知らなくてもアプリを作ることができるという偽の情報も多かったです。)
それで、私だけのスタイルで、間違った誤解を正し、最初のプロジェクト設定からリリースまで経験することを現実的に知らせようと講義を作りました。

Who is ZeroCho?

ノード教科書

Web開発ベストセラー
作者

📌知らないことがあれば、質問してください!
24時間以内に迅速に回答いたします。

講義の特徴📚

  • リアクトネイティブが現実的に何らかの長所と短所があることを正確にお知らせします。
  • 6年間リアクトネイトブロアプリを作成しながらゼロ秒が経験した悩み&ノウハウが含蓄されています。
  • 講義教案、参考資料、ソースコードが全て!用意されています。
  • ゼロ秒講座はQ&Aの回答がすごく早いことをご存知ですか?
    そこに追加!受講生の方々の質問が頻繁な内容や追加で知りたい内容があればボーナス講座で制作してお上げいたします。 Q&Aにいつでもコメントを残してください!

誰がこの講義を聞いたらいいですか?

AndroidとiOS
学ぶには負担のある方

他のプラットフォームへ
技術スタック拡張をご希望の方

リアクトネイティブハナロ
アプリのリリースまでしたい方

講義を聞いた後の私の姿💭

  • リアクトネイティブによるアプリ制作
  • アプリストアとプレイストアのデプロイ
  • リアクトネイティブとネイティブ団連動

講義内容を味わう📣

1. ログイン、ログアウト


2.スプラッシュスクリーン、コードプッシュ適用


3. 一連の配送プロセス
(注文受付、マイロケーション確認、配送完了後の画像アップロード、収益確認)


4. TMap連動


予想される質問回答❔❕

Q.リアクトを知る必要がありますか?

はい、リアクトネイティブもリアクトです。よく分からない方は、私の無料講座を先に見て来れば十分理解できます。さらに、CSSのFlexの知識はある程度あれば良いです。

Q.タイプスクリプトで必ずしなければなりませんか?

講座のどの部分がタイプスクリプトコードか正確にお知らせしますので、ご希望の場合は、タイプスクリプトを除いてJavaScriptに切り替えて学習することができます。
しかし、JavaScriptエコシステムは現在、ほとんどのタイプスクリプトに変換されていると見ても無防備であり、大企業は新規開発をするときにほぼタイプスクリプトを使用するという点は参考にしてください!

Q.リアクトルとリアクトネイティブと似ていますか?

基本的な原理(state、props、ライフサイクル、フックなど)は似ています。しかし、div、inputのようなコンポーネントの代わりにネイティブに対応するコンポーネントが別にあります。画面の描き方は講座で別途お知らせします。

Q.最近のフラッターが人気だったのに、必ずリアクトネイティブな理由がありますか?

フラッターの代わりにリアクトネイティブを使った理由であるコードプッシュ(リリースなしでリアルタイムソース変更)も一緒に学びますので、講義で確認してください!

Q. MacやiPhoneが必要ですか?

アンドロイド側はウィンドウでも十分で、講座もウィンドウに進みます。ただし、iPhoneアプリ開発をするには、Windowsでは非常に遅く、ライセンス問題もあるため、Macが必要です。 iPhoneは必須ではありませんが、リリーステストのためには良いです。


その他
🛠️

こんな方に
おすすめです

学習対象は
誰でしょう?

  • リアクトネイティブでアプリ開発をしたい方

  • リアクトを通じて他のプラットフォームに技術スタックを広げたい方

前提知識、
必要でしょうか?

  • リアクト

  • JavaScript

こんにちは
です。

66,027

受講生

1,654

受講レビュー

9,733

回答

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)

カリキュラム

全体

63件 ∙ (13時間 47分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

60件

4.8

60件の受講レビュー

  • wodnjs306님의 프로필 이미지
    wodnjs306

    受講レビュー 5

    平均評価 4.8

    5

    54% 受講後に作成

    강의 방식은 코드리뷰 입니다. 앱 만들기 파트부터는 폴더구조나 화면구성에서 같이 코딩하긴 하지만, 기본적인 틀은 강사님이 짜신 코드를 켜놓고 같이 하나하나 읽으면서 흐름을 파악하는 방식으로, 자바스크립트랑 리액트를 어느정도 따라갈 수 있는 수준이 되었을 때 이해할만 합니다. 강사님보다는 직장선배같은 느낌이여서 좋았습니다. 설명하실 땐 책에서도 자세히 설명하지 않아 그냥 외웠던 걸 심도있게 설명하시거나, 반대로 굳이 하나하나 곱씹으면서 할필요는 없는 것(예를들면 export default, useState, 삼항연산자 등)들은 과감하게 지나가서 입문자보단 확실히 중급자한테 어울린다고 볼 수 있었습니다. 저는 실무 하다가 필요에 의해 강의를 수강하게 되었는데 저랑 너무 잘 맞습니다!!

    • 김민석님의 프로필 이미지
      김민석

      受講レビュー 2

      平均評価 5.0

      5

      81% 受講後に作成

      React Native 독학 3개월차 취준생입니다. 학원에 몇 백씩 내면서 공부하는 것보다 혼자 구글링하면서 하나씩 배워나가는게 가치있다고 느껴 공부를 하다가 일정 선 이상으로는 도약하기가 힘들어서 이 강좌를 구매하게 되었습니다. 실무자에게만 들을 수 있는 값진 지식을 받아가는 것 같아서 너무나 보람찬 시간이었습니다. 감사합니다 : )

      • alphacircle0322님의 프로필 이미지
        alphacircle0322

        受講レビュー 1

        平均評価 5.0

        5

        83% 受講後に作成

        꿀팁 많이 알고 갑니다. 이해하기도 쉽고 도움이 확실히 됩니다. 한가지 아쉬운거는 실제 실무에서 쓰는 것처럼 클린한 코드를 유지하기 위한 꿀팁도 얻고 싶었으나 생각보다 중복된 코드, 중복된 컴포넌트, 같은 기능을 하는 함수가 많았음.. 그런 부분을 어떻게하면 효과적으로 정리하는지 실무에서 쓰는 것처럼 코드를 볼 수 있을 줄 알았음 그게 아쉽네 타입 정의도 더 개빡세게 할 수 있을텐데.. 아쉬움 타입 스크립트 실무에서 쓰는 것 처럼 개빡세게 쓰는 것도 보고싶었는데 말이죵

        • 제로초(조현영)
          知識共有者

          "사실 실무에서 코딩할 때는 시간이 없고 귀찮아서 이 강좌처럼 중복된 코드가 많습니다. 오히려 더 실무를 반영한 것이죠!"... 는 농담이고요. 시간 될 때 한 번 수정해보도록 하겠습니다. 감사합니다 ㅎㅎ

        • 해당 댓글에 공감합니다. 지금 강의 구성도 너무 좋은데요. 리팩토링 섹션이 별도로 존재하여 전체 리팩토링은 아니더라도 하나를 제대로 리팩토링하는 강좌가 있으면 정말 완벽한 강의가 될것 같습니다 !

      • 예진안님의 프로필 이미지
        예진안

        受講レビュー 2

        平均評価 4.5

        4

        56% 受講後に作成

        게시되어있던 것처럼 초심자 분들에게는 좀 어려울 것 같습니다. 어려워도 일단 들어보고 판단해보자 라는 생각으로 강의를 듣기 시작했는데 저는 진짜 기초도 없다는 걸 여기서 느끼네요. ㅋㅋㅋㅋㅋ 약간 아쉬웠던 점은 강의가 a를 설명하시던 중에 b가 생각나셔서 b 설명해주시는 왔다갔다하는 약간 정리가 안되는 느낌이 좀 있습니다. 다른 강의 처럼 ppt나 이미지를 사용해서 정리하시기보다는 수업중간에 개념을 타이핑해주시면서 그때그때 설명해주십니다. 가끔은 수업을 빡집중해야 어떤 의도로 말씀하시는지 이해가 되는 것 같습니다. 수업을 집중하게 되니까 오히려 좋은 부분일지도..? 확실히 초급자 이상수업을 들어야 수월하게 들을 실 수 있을 것 같네용. 하여튼 react 공부하고 다시 수업들으려고 반정도만 듣고 스톱해놨습니다... 여기서 더 들어도 제가 이해를 못할 것같아서요. 제로초짱

        • choisee님의 프로필 이미지
          choisee

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

          하나의 앱을 같이 만들어보는 올인원 강의 입니다. 실무와 앱 출시를 진짜 해보려는 분들에게 보석같은 강의일 것 같습니다. 수박 겉핥기 식으로 대충 쉽게 만들어 보는게 아니라, 실제 RN으로 앱을 출시해본 경험을 바탕으로 RN으로 앱을 출시하면 겪는 고충들을 팁으로 녹여내어 수업 내내 집중하며 듣게 됩니다. 실무에 적용이 필요하신 분들께 강추합니다. 난이도는 다소 있을 수 있지만, 다 듣고 나면 RN 으로 앱 출시할 때 어떤 부분들이 필요한 지 확실히 알 수 있게 됩니다. 강의 감사합니다! 그리고 저처럼 의지가 약하신 분들은 제로초님이 운영하시는 타임어택 강추 드립니다. 매주 진도 목표와 같이 수강하시는 분들의 피드백을 보며 게을러지는 것을 방지할 수 있습니다ㅎㅎ

          ¥8,618

          zerochoの他の講座

          知識共有者の他の講座を見てみましょう!