iOS/Android 앱 개발을 위한 실전 React Native - Basic
Wintho
Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.
초급
React Native, React, ES6
BEST
iOS/Android アプリ開発のための本番 React Native - Intermediate
React Nativeベースのモバイルアプリ開発のための中級講義です。フロントエンドの深化内容学習だけでなく、Firebaseベースのバックエンド内容まで一緒に学びながら、サーバー連動/ログイン/データ送受信/公共API活用などが可能な一つの完璧なアプリを開発できるように作られた講義です。
学習した受講者のレビュー
こんなことが学べます
React Native 深化内容
簡単なアプリ状態管理のためのReduxの概念と使い方
React Native Debuggerを活用してReduxのロジックを理解し、アプリの状態を確認する方法
Component（画面コンポーネント）アプリケーション用の関連外部ライブラリの活用方法
簡単な開発のためのアプリ構造（画面ツリー構造、Reduxシステム構造、サーバー連携のためのミドルウェア構造など）の設計方法
サーバー連携のためのFirebaseの概念と使用法
FirebaseをReact Nativeに関連付けてサーバーを連携する方法
会員登録/ログイン/ログアウト機能
データ読み取り/書き込み/変更/削除機能
ユーザー識別子ベースのアカウント管理とサーバーデータアクセス権の設定
公共APIの概念と使用法
コロナ19および微細粉塵公共データの活用方法
リアクトネイティブ（React Native）で
モバイルアプリの開発に挑戦！
次の順序で
進む。
セクション 0: Intro
アプリ開発のA to Z体験が必要な方のために準備しました。
セクション 1 : Redux(リダックス)
Reduxはアプリの状態を簡単に管理するためのフレームワークであり、オープンソースのJavaScriptライブラリです。開発をしていますこれらのReduxの概念と動作原理を学習できるセクションです。
セクション 2:新規プロジェクトの作成とセットアップ
1つの完璧なアプリを実装するためには、プロジェクト構造の設計が重要です。
セクション3：ログイン画面の実装（フロントエンド）
ログイン画面のフロントエンド開発をカバーします。開発効率を向上させるために繰り返し使用される再利用コンポーネントを直接作成し、ログイン用の電子メールアドレス/パスワードルールと検証フレームワークを定義します。
セクション 4:ログイン画面の実装(バックエンド)
Firebase（ファイアベース）を利用してログインに関連するバックエンドを実際に実装してみます。
セクション5:日記画面の実装
React Nativeの深化内容学習だけでなく、バックエンドの核心であるデータのCRUD（Create、Read、Update、Delete）の説明や実際の実装で進められます。目指すセクションです。
セクション 6: ニュース画面の実装
公共APIとは政府機関で国民に提供してくれるオープンAPIであり、それを通じて誰でも公共データにアクセスすることができます。
この講義だけの特徴
確認してみてください。
一つ、React Nativeの開発に必要な選手知識内容を一つの講義に盛り込みました。
真のReact Native開発者として生まれ変わるために必須である必要があるReduxの概念を扱います。あります。
どちらも、フロントエンド講義ですが、バックエンドも一緒に扱います。
本講義は、サーバーと連動する実際のアプリ開発を目指します。 したがって、React Nativeの深化内容学習だけでなく、バックエンドの実装内容も一緒に学ぶことになります。
三、Firebaseを書いて、バックエンドは本当に簡単に学びます。
Firebaseはバックエンド機能をクラウドサービスの形で提供し、モバイルサーバーを開発するための進入障壁を存分に下げたアプリ開発プラットフォームです。壊れるというかお知らせします。
はい、パブリックAPIの活用方法を学びます。
公共APIは、政府機関が国民に提供するオープンAPIであり、誰でもアクセス可能です。
リアクトネイティブ開発の
全体的なプロセス
体験できます！
この講義を聞いたら？
- 一人で力でちゃんとしたアプリ一つを開発できるようになるんです。
- それもstand-aloneアプリではなく、サーバー通信をするアプリです！
このレッスンを聞く前に、あなたはいくつかのコンポーネントの組み合わせで簡単な画面を書くことができます。 Firebaseを学んでログインだけでなく、データの読み書き、修正、削除などを扱えるようになります。
アプリ開発の観点から見れば、皆さんの能力はかなり多くの段階を飛び越えることになり、実際のアプリ開発や現業でのco-workまでも十分にできる中級者以上のアプリ開発能力を保有することになると思います。
受講前に参考にしてください！
- このレッスンではMacOSを使用しています。
- 本講義では、React Native CLIを使用します。
- この講義は、知識共有者の事情によって回答が遅れることがあることをご了承ください。
よくある質問
確認してみてください。
Q. React Nativeを学ぶと何がいいですか？
1つのコードでiOSとAndroidアプリを同時に開発できます🙂
Q.この講義の特長は何ですか？
React Nativeの深化内容だけでなく、Firebaseベースのバックエンド（サーバー連動）を学ぶことができます。
Q. React Nativeの基本理解が少し不足していますが、この講義を受講してもいいですか？
React Nativeに初めてアクセスしたり、基礎開発能力が不足している方は、 「iOS/Androidアプリ開発のための本番React Native – Basic」講義で取り上げる内容の選手学習が必要です。
Q.レッスンに使用したソースコードを提供していますか？
はい、授業資料でアップロードしました（右上の[講義資料]ボタンまたは雲アイコンをクリックしてダウンロードできます。）
Q. Mac環境でのみ開発できますか？
いいえ。React Native CLIを使用してもWindows環境でReact Nativeを開発できます。
この講義を作った
知識共有者を紹介します。
Wintho
こんにちは、React Nativeの知識を共有するWinthoです。
私はComputer Visionを専攻して自動車業界で自律走行システムを開発し、現在はロボット業界で物事認識、障害物回避などの映像処理アルゴリズムを開発する開発者です。
新しい領域での開発 Stackを積んでみて、趣味でアプリの開発を始めました。
外国ではすでにMega Trendの流れに加わり、開発者たちのCommunityも急増しているReact Nativeです。深化学習講義を制作するという受講生の方々との約束を守るため、本講義を作ることになりました。
では講義でお会いしましょう:-)
知識共有者の他の講義が気になったら？
iOS/Android アプリ開発のための本番 React Native - Basic
起動だけで終了できないアプリプログラミングは今No！
こんな方に
おすすめです
学習対象は
誰でしょう？
React Native 基礎知識習得を完了し、深化内容の学習が必要な方
断片的なコンポーネントの使い方学習ではなく、実際のアプリ開発に必要なスキルの習得とアプリケーションが必要な方
Stand Aloneアプリではなく、サーバーと連動するアプリ開発能力が必要な方
侵入障壁の低いバックエンドコンテンツ学習が必要な方
フロントエンドとバックエンドを一緒に扱う講義をお探しの方
公共APIの活用方法を学びたい人
アプリ開発のA to Z体験が必要な方
1つのアプリを正しく開発したい人
本当のアプリ開発者として生まれ変わりたい方
前提知識、
必要でしょうか？
React Nativeの基本的な理解と基礎開発能力が必要です。本講義は「iOS/Androidアプリ開発のための本番React Native – Basic」講義で取り上げた内容を学習完了またはそれに準ずる知識を持っているという前提のもとで説明が行われ、より深化した内容の学習のためのコンテンツである。構成になりました。 React Nativeを初めてご利用の方は、Basic講義を選手学習してください。
2,402
受講生
147
受講レビュー
82
回答
4.6
講座評価
2
講座
안녕하세요. 여러분들께 React Native 지식을 공유해드릴 Wintho 입니다.
저는 Computer Vision을 전공하여, 자동차 업계에서 자율주행 시스템을 개발했고, 현재는 로봇 업계에서 사물인식, 장애물 회피 등의 영상처리 Alg.을 개발하는 개발자입니다.
새로운 영역에서의 개발 Stack을 쌓아보고자 취미로 앱 개발을 시작했습니다. Java와 Swift 언어로 Android/iOS 네이티브 앱 개발도 해봤지만, React Native 만큼 진입장벽이 낮고 개발이 용이한 API도 없다고 생각됩니다. 쉬운 데다가 단 하나의 코드로 iOS/Android 동시 개발이 가능하다는 건 더할 나위 없는 메리트겠죠? :):)
외국에서는 이미 Mega Trend의 흐름에 합류하여 개발자들의 Community도 급증하고 있는 React Native입니다. 국내에서는 React Native의 명성에 비해 그 인지도가 낮은 것이 현실이고요. 많은 분들께 React Native의 훌륭함을 공유해드리고자 본 강의를 제작하게 되었습니다. 수업을 통해 목말라했던 지식을 습득하시는 유익한 시간이 되시길 바라며, 그를 통해 국내에서도 React Native 개발자들의 Community가 활성화 되길 바랍니다.
그럼 강의에서 뵙겠습니다. 감사합니다. ^^;
カリキュラム
全体
83件 ∙ (9時間 0分)
講座資料（こうぎしりょう）:
授業資料
1. Intro
02:49
2. アプリの成果をプレビュー
02:45
3. Reduxとは
01:33
4. Reduxのデータフロー
04:11
6. dispatch
01:18
7. store と state
01:21
8. reducer
01:20
9. connect
02:50
10. Reduxの使用目的
02:57
講座掲載日:
最終更新日:
受講レビュー
全体
27件
4.7
27件の受講レビュー
Qok Forte受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成개인적으로 많은걸 배운 강의였습니다. 처음엔 무조건 따라 써보는 식으로 진행했는데, 오류가 났을 때 체크하는 것도 어렵고 지금 뭘 하고 있는지 스스로 회의감도 자꾸 생겨서 중간에 다시 처음으로 돌아가 관련된 docs 나 포럼 스레드 같은것을 뒤져보며, 동시에 일지를 기록해가며 따라가 봤습니다. 어느덧 완강까지 왔는데, 되돌아보니 웹개발 경험은 물론 앱개발 경험도 없던 저에겐 단순히 react나 rn, redux등을 다뤄본 경험 뿐 아니라 개발 습관, 목표, 나아가 개발자로서의 시야도 조금 가져갈 수 있는 시간이 아니였나 생각이 듭니다. 강의에서 많은 부분을 다뤄주십니다만, 특히 앱 자체를 기획하거나 구성하는 단계를 계속 보여주려 하신게 기억에 남는 것 같습니다. 좋은 강의 맡아주셔서 감사드리고, 앞으로도 기회가 된다면 다른 강의에서 다시 뵐 수 있기를 바랍니다.
- Hoing
受講レビュー 3
∙
平均評価 5.0
- 조대일
受講レビュー 2
∙
平均評価 4.5
- arcanum726
受講レビュー 6
∙
平均評価 5.0
- 몽몽
受講レビュー 22
∙
平均評価 4.9
￥12,964
winthoの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)강의 썸네일](https://cdn.inflearn.com/public/files/courses/332375/cover/01k3x8ecea6jym1d28qcc6zcds?f=avif&w=420)
![[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일](https://cdn.inflearn.com/public/files/courses/332860/cover/01jnwb77yxra1hp8cm9hed0wnd?f=avif&w=420)
![[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - Vue.js강의 썸네일](https://cdn.inflearn.com/public/courses/326594/cover/451fb778-2c07-4da1-bff9-c5ec71712928?f=avif&w=420)
![[Unity] 함께 만들어가는 방치형 게임 개발강의 썸네일](https://cdn.inflearn.com/public/courses/334447/cover/a4464cfb-be08-4a40-b6e2-00060b912c1a/334447.png?f=avif&w=420)