강의

멘토링

로드맵

Programming

/

Mobile Application Development

[2025] 非専攻者向け React Native アプリ開発 マスタークラス

アイデアはあるけど、アプリをどう開発したらいいかわからなかった方々、 実践プロジェクトを4つ作りながら、アプリ開発をマスターしてみましょう!

  • IT Share
실습 중심
JavaScript
React
Node.js
React Native
TypeScript

こんなことが学べます

  • 実務 100% 活用 React Native 文法

  • リアクト実践文法

  • 効率的な開発に最適な開発環境設定

  • APIを介して外部情報を取得

  • 実際のアプリでよく使われる実践的なスキル100以上

  • ログイン機能実装

[2025] [UPDATE] 非専攻者も可能なReact Nativeアプリ開発マスタークラス

[NEW!] 2月新規講義の全リニューアル

新しくなった講義に戻りました。

12月撮影 / 1月編集
100%新しく再誕生した講義に今すぐ会いましょう。

現業で使用される技術のみを採用し、講義を構成しました。

なんと13時間のランニングタイムで皆様をアプリ開発者にさせていただきます。

まだ理論中心の講義を聞いていますか?

5年間アプリ開発だけのアプリ開発者が本番ノウハウをお知らせします。

どんな方が受講すればいいですか? 🤔

💡アイデアはありますが、アプリで作るのは難しい方

📱アプリ開発分野に飛び込みたい方

📱自分だけのアプリを作ってみたい方

· 🧑‍💼アプリ開発者として就職したい方

💻アプリ開発を早く学び、サイドプロジェクトを作りたい方

💭アプリ開発分野に関心をお持ちの皆様

· 💸自分だけのアプリサービスを開発して収益化したい方

なぜReact Nativeを使用するのですか?

React Nativeを使用する最大の理由を一度まとめました。

POINT 1 1,000以上の大企業の採用

🏢土X、倍Xの民族、インスタグラムなど、世界1,000以上の大企業が使用するReact Native

POINT 2クロスプラットフォーム開発の革新

ㅣ クロスプラットフォームとは? Android、iOSすべてを一度のコードで開発できる技術

🔯クロスプラットフォームであるReact Native =>最速かつ簡単に2つのOSを開発可能

POINT 3強力なコミュニティとエコシステム

🕸GithubStack Overflowで活発に活動する10,000人以上の開発者

🔭大規模コミュニティのサポート=>多様に更新されるプラグイン、機能

POINT 4 クイック開発とホットリロード

🔥排他的なホットリロード機能:開発中にコードを変更するたびに即座に変更を確認できます

🛠MVP (最小機能製品)に便利

POINT 5ネイティブパフォーマンスとユーザー体験

🔧ネイティブコンポーネントを使用 => 優れた性能

🔗JSで書かれたコードネイティブAPIと直接対話する=>パフォーマンス低下X

アニメーション、ジェスチャー処理で優れたパフォーマンスを発揮=>シームレスなユーザーエクスペリエンスを実現

講義を聞いた後... 💭

👨‍💻 React Nativeを状況に合わせて上手に扱えます。

· 📱自分だけのアイデアをアプリで開発できます。

· 👀私が望むアプリの機能を開発することができます。

· 👥他の言語もReact Nativeで学んだことを関連付けてすぐに学ぶことができます。

· 💨大企業レベルのアプリやアプリ機能のアイデアはすぐに実装できるようになります。

この講義の特徴は?

実習中心講義🏃‍➡

浮上雲だけをつかむ抽象的な理論中心の授業ではなく、受講者が実際のプロジェクトを開発し学ぶ
実習中心の授業で講義を構成しました。

実戦に忠実な講義🤺

講義で「こうすればこうなる」とだけお知らせすれば、実習中心の授業でも役に立ちません。
本番でどこで使うべきか、本当のアプリでどんな機能で使われるのか
実務で100%活用できるようにお知らせします。

入門者の焦点に合わせた講義🧑‍🎓

この講義はReact Nativeの無数の実戦スキルをお知らせする講義ですが、
受講難易度は入門です。それだけ講義では、受講者の方々がアプリ開発分野について
まったく分からない状態になっても、すべての概念を理解できるように、概念を確実にお知らせします。

この講義を聞かなければならない理由は?

Inflearn他の講義とこの講義を比較しました。

Inflearn 他の講義

30,000¥以上

抽象的な概念だけを勉強する理論講義

🔻聞くと聞くほど理解できない講義

🚫なぜ、どのような状況で使用するのか教えていない講義

完全なコードを提供しない講義

体系的でない実験的構成の講義

📃説明のない講義

💸基本3万ウォン台を超える受講料

V S

[2024] React Nativeでアプリ開発入門からマスターまで

22,000円、1時間あたり1600ウォン台

実際のプロジェクトを作成しながら学ぶ実践講義

🔺基本的な部分さえ絶えず思い出させ、脳に直接保存される講義

💡 WHY、WHENをしっかり知らせる講義

📔完全なコードを必ず提供する講義

🪜基本期からしっかりマスターする体系的 講義

📚基本的な理解から入る説明をする講義

👌 1時間あたり1600ウォン台、チキン一匹の値で講義生涯所蔵

このレッスンはどのように構成されていますか?

セクション別に講義を簡単に紹介してみました。

セクション 1. INTRO

約5分

- プレビューセクション
- 講義構成説明

✯✩✩✩✩
セクション 2. REACT NATIVE

約31分

- プレビューセクション
-変数、関数などの基本的なコーディング知識の説明
- React Nativeを見る

✯✯✩✩✩
セクション3.はじめに

約1時間40分

- 開発環境の構成
- アプリの構築方法
- React Nativeの基本コンポーネントを見る

✯✯✯✩✩
セクション4.電卓アプリ

約1時間6分

🧑‍💻開発


🍌 JavaScriptの基礎

🏃‍➡️ Node.js create-expo-app はじめに

🗂ファイル構造の理解

🧐 Text、Viewなどの基本コンポーネント

🔘TouchableOpacityボタン

💡 onPress & 関数連携

🔐 useState 深化の活用

🤼‍♂ useState デフォルトの完全活用

🤔 useState & if 文連携

🫗nullの理解

🎛パラメータの活用

🔄️値初期化の実装

📚 Array 生成 & map 連携

🎨スタイリング


⚪React Native基本スタイリング

💅 Styled components

📕 15以上の基本スタイル

コアソート文法

🔨スタイルを使用したUI補完

✯✯✩✩✩
セクション5.翻訳アプリ

約50分

🧑‍💻開発


🟦 TypeScriptの基礎

🏃‍➡️ community cliを始めよう

🪛外部ライブラリの導入

👇 React Native Picker

input コンポーネント

ユーザー入力値を保存

📚リスト変数の生成

boolean 型の変数

🪬論理演算子(&&)の活用

map 関数の活用

🟰同一言語翻訳防止(三項演算子)

🎨スタイリング


🔲モダンなカードスタイリング

💅 Styled-components

コアソート文法

🔨スタイルを使用したUI補完

🫸 margin基本スタイリング

✯✯✯✯✩
セクション6.天気アプリ

約2時間4分

開発


🟦 TypeScriptの深化

🪛外部APIの導入+ APIの概念

🔧 Fetch VS Axios

🛑 Node.js コンセプト

🚩ユーザー位置権限のリクエスト

🗺ユーザーの場所の天気

📷 Image コンポーネント

🪧 API & RN swiper連携

🛡データ検証(三項演算子)

🔗リンク接続ボタンを追加

🌟 useEffect APIリクエスト

スタイリング


🔲モダンなカードスタイリング

💅 Styled-components

コアソート文法

🔨スタイルを使用したUI補完

🫸 margin基本スタイリング

🪂 padding基本スタイリング

🔘カードボタンスタイリング

✯✯✯✯✯

セクション7•9•10。コインアプリ

約5時間25分

開発


🟦 TypeScriptマスター

📇独自のコンポーネントの作成後に使用

📚 map 関数 & API 連携

プレビュー(ロード前)コンポーネント

🔗 Linking接続&React Native Vector Icons連携

🔖データ有効条件付きアイコン/バッジを表示

🏃‍➡️ useNavigationによるBottom Tabs登録画面の移動

🪧カードバッジの作成

📜縦 ScrollView & 横 FlatList 接続

🔍検索APIによる検索機能の実装

スタイリング


🔲深化カードスタイリング

💅 Styled components

コアソート文法

🔨スタイルを使用したUI補完

🔍検索バースタイリング

🧱 borderBottomによる区切り線スタイリング

適切なfontWeight設定

👤トレンディなプロフィールタブスタイリング

🔗センスのあるタブショートカットスタイリング練習

状態管理


📖 Reduxの構造を含む完全な理解

📜効率的な基本枠組みの構成

🔧効率的なSliceコンポーネントの使用

🫙 redux-persistによる状態保存の練習

🔌 redux-persist & MMKV連携練習

⚡MMKV &Reduxのみを使用した状態管理

ログイン


🔗自己開発ログインボタン

各種エラーに関する反応の実現

🫙ログイン時にユーザー情報を保存する

🔌保存したユーザー情報を渡す

👤渡されたユーザー情報を [プロフィール] タブに表示

🌉ログインするかどうかに応じて画面を表示

【特別付録】配布


🤖Android展開プロセス

🍎iOS展開プロセス

🐈‍⬛ Github展開プロセス

✯✯✯✩✩

セクション8. Special。 Reduxカウンターアプリの開発

約1時間11分

学習スキル

Redux基礎から深化まで

React-Redux

Redux-persist

⚡React Native MMKV

セクション11.講義を終えて

約26分

最後に、この講義を終え、皆さんと一緒に学んだことを振り返るセクションです。

[付録] この講義を受講した後、どんな道を行くべきか悩んでくださる方のためにテクトリシリーズを用意しました。

この講義を聞いたら、このような結果を作ることができますよ🖼

電卓アプリ画面

P1。電卓アプリ

ㅣ学習スキル

  • Arrayの作成

  • map関数

  • useState

  • switch

  • 自己開発関数

  • 基本的なコンポーネント

ㅣ Detail

  • 初期化ロジック

  • 四則演算の実施

  • 基本的なスタイリングの感じ

  • Componentの押さえ防止など補完作業

ㅣ意義

  • 開発&スタイリング連携の基礎を最も効率的に学習


  • 開発過程で発生する様々な問題提示後補完

  • JSの基本スキルによるロジックの実装

翻訳アプリ画面

P2。翻訳アプリ

ㅣ学習スキル

  • Picker

  • カードコンポーネント

  • Array & Map

  • TextInput

  • 外部ライブラリの使い方

  • 三項演算子

ㅣ Detail

  • 使用するライブラリの構成について

  • ユーザー入力値の追跡

  • 同じ言語選択の完全防止

  • margin、paddingを適切に活用したスタイリング

ㅣ意義

  • ユーザー対話

  • 実用的なアプリのトピック

  • 開発者の意図を100%反映できる開発

  • UIで最も頻繁に使用されるカードデザイン

天気アプリ画面

P3。天気アプリ

ㅣ学習スキル

  • GeoLocation

  • APIリクエスト

  • カードスタイリング

  • リンク

  • Swiper

  • Map

  • useEffect

  • 非同期処理

  • イメージ

ㅣ Detail

  • ユーザーの場所の天気を表示


  • APIリクエスト時に必要なデータをユーザーから取得

  • APIリクエストの結果から必要なデータのみを選択する

  • useEffect フックを活用して最も早い API からリクエスト

  • 詳細を見るボタンによるユーザーのやりとり

ㅣ意義

  • 実用的なアプリのトピック

  • ユーザーを中心に機能するアプリ

  • 便利なライブラリであるSwiperの使い方を習得


コインアプリ画面

P4。コインアプリ

ㅣ学習スキル

  • React Navigation

    • Bottom Tabs Navigation

    • Native Stack Navigation

  • 状態管理

  • イメージの深化

  • Google ログイン

    • プロフィール写真、名前、メール情報を表示

    • ログインするかどうかチェック

  • カードバッジ

ㅣ Details

  • APIの完全活用

  • 各種コンポーネントにある外部サイトリンク

  • 完璧なカードコンポーネントスタイリング

  • 検索機能

ㅣ意義

  • 難しい難易度の開発により確実な実力向上

  • 実践的なスキルを確実につかんでいくプロジェクト

FAQ

#1.コーディングを知らない人も講義を聞くことができますか?

はい。可能です。この講義はReact Nativeの分野に深く重点を置いた講義ではなく、基本的なプログラミング関連常識を誰よりも簡単に教えてくれるので、コーディングに初めて接する方も大きな難なく講義を受講することができ、コーディング勉強を少しでもしてみたら講義を簡単に聞くことができます。

#2. React.jsを事前に勉強して講義を聞く必要がありますか?

いいえ。 React Native は React がベースであるフレームワークなので、講義には React の基礎文法説明が含まれています。 Reactを全く知らなくても、このレクチャーではReactとReact Nativeを学ぶことができます。

#3.このレッスンは更新されますか?

はい。更新されます。
ライブラリの廃止、講義問題などに応じて講義は継続的に更新されます!

最近の更新:2025-02-27

受講前の注意事項🧳

講義はWindows 11 Home環境に行われます。
macOSをお使いの方でも、講義を問題なく聞くことができます。

練習環境🪓

  • オペレーティングシステムとバージョン(OS):Windows 7以降/ macOS 10以降/ Linux

  • 使用ツール:Android Emulator、Android Studio、VSCode、Node.js、JDK

  • 必要ストレージスペース:最小50 GB

学習資料📜

  • 各講義ごとに講義の下部に重要な資料があります!もし講義で説明が省略される開発用語が登場したり、コードなどが必要な状況では講義の下部を参考にしてください。


選手の知識と注意事項

  • このレッスンは、Reactの基本的な文法とReact Nativeを学ぶレッスンです。 Reactを知っていれば講義を聞くことができますが、Reactを知らなくても問題なく講義を聞くことができます。

  • この講義は2024年12月~2025年1月に企画して録画しました。

  • このレッスンは、あなたの受講評価とReact Nativeバージョンのアップデートに従って着実に更新されます。


  • 練習しながら講義を聞いていただきありがとうございます。

  • 本講義は質疑応答を支援し、コミュニティに気になることを質問してください。


  • 本講義は、講義を決済した受講者本人のみ受講しなければならず、

    共有と二次創作は禁止です。

  • このレッスンではWindows(Android)環境を使用します。

  • macOS(iOS)環境でも十分に実習可能です。

13時間を投資して、完全なアプリ開発者になりましょう。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 自分のアイデアを直接アプリにしたい方

  • アプリ開発分野に飛び込みたい方々

  • 自分のアプリを作ってみたい方

  • アプリ開発者になりたい方々

  • アプリ開発を早く学んで、サイドプロジェクトを作りたい方

  • アプリ開発分野に興味があった方々

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

  • React.js (選択)

  • Javascript (選択)

こんにちは
です。

32,797

受講生

54

受講レビュー

4.7

講座評価

1

講座

IT Share 는 IT 직무의 모든것을 알려주는 전문가 집단 입니다.

カリキュラム

全体

119件 ∙ (13時間 26分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

7件

2.6

7件の受講レビュー

  • 권동현님의 프로필 이미지
    권동현

    受講レビュー 1

    平均評価 5.0

    5

    52% 受講後に作成

    영상 전체적으로 검수좀 다시해주세요.. 편집 이상한 부분 너무 많고 중간에 설명 없이 갑자기 코드가 추가되는 부분도 너무 많아요.

    • 정현우
      知識共有者

      안녕하세요, 지식공유자 정현우입니다. 댓글 작성 전 일단 영상 검토에 있어 미숙했던 점 진심으로 사과드립니다. 강의를 전체적으로 검토해보았을 때, 영상 편집 부분에 있어서 수강생분들의 빠른 수강에 중점을 두어 이른바 영상 컷편집의 실수가 잦은 부분이 있었던 것 같습니다. 이에 대해 정말 진심으로 사과드리는 바이고, 9월 이내 영상 전체 재검토 후 안정성 있는 영상을 위한 재편집 및 영상 내에 변화에 대한 모든 설명을 추가하여 강의를 수정할 계획입니다. 수강생님에게 있어서 부족한 강의를 내보낸 점에 대해 사과드립니다, 또한 부족한 강의임에도 불구하고 높은 평점을 주신 점에 매우 감사함을 표하고 싶습니다. 9월 이내로 빠른 시일 내에 강의를 수정하도록 하겠습니다. 감사합니다.

  • 문대주님의 프로필 이미지
    문대주

    受講レビュー 6

    平均評価 4.8

    5

    100% 受講後に作成

    감사합니다.

    • 정현우
      知識共有者

      완강 축하드리고 소중한 수강평 너무 감사드립니다ㅎㅎ🙇‍♂️

  • David님의 프로필 이미지
    David

    受講レビュー 1

    平均評価 4.0

    4

    32% 受講後に作成

    • 정현우
      知識共有者

      안녕하세요, David 수강생님! 리뉴얼 이후 강의에 대해 좋은 평점을 남겨주셔서 너무 감사드립니다. 강의 꼭 끝까지 수강해 주시면 감사하겠습니다 :)

  • nanyahoo님의 프로필 이미지
    nanyahoo

    受講レビュー 9

    平均評価 4.3

    1

    83% 受講後に作成

    먼저 강의자 보다는 훨씬 미치지 못 하는 실력이기 때문에 강의를 우선 정독보다는 전체 강의를 퀵하게 이동도 하며 훑어보았습니다. 강의자에게는 싫은 부분이 되겠지만 모르는 사람 입장에서 말씀드려 보겠습니다. 1. 강의 소리에 문제가 있습니다. 2.화질은 그렇게 문제가 되지 않지만 react를 완전히 모르진 않치만 레퍼런스 프로젝트가 없고 또한 react native를 이번에 처음보는 사람으로서 따라 가기가 쉽지 않네요. 강의가 중간중간 뛰어 넘는 부분이 있습니다. 물론 저가 이해를 하지 못해서 그런 부분일수도 있지만 앞강의와 뒷강의 사이에 녹화되지 않는 부분이 분명있습니다. 그리고 강의도중에 obs 툴 체인지가 너무 많이 나오네요. 3.혼자서 하는 강의로 느껴 졌습니다. 시간이 촉박하셔서 그런것인지는 모르겠지만 보는이를 이해시키기 보다는 앞으로 진도 빼는 듯한 느낌을 받아서 조금 아쉽습니다. 결론적으로~ 얻은 부분은 react native가 이렇게 생겼구나 하는 것을 알게 되었습니다. 그리고 모바일앱들이 이런 것들을 사용하는 구나 하는 부분도 알게되었습니다. 후에 아~ 그때 그 강의에서 이런것을 보았는데 할 때 참고가 될 것 같습니다. 감사합니다.

    • 정현우
      知識共有者

      안녕하세요 nannyahoo님, 지식공유자 정현우입니다. 먼저 라이브러리 폐지로 인해 강의 리뉴얼 중 귀한 시간 내주셔서 아직 리뉴얼되지 않은 몇몇 강의까지 들어주시고 소중한 비판의 말씀 주셔서 진심으로 감사드리고 사죄드립니다. 디테일을 완벽하게 신경을 못 써드렸던 강의가 있었던 점에 진심으로 사과드리고, 틀린 말씀 해주신 것도 아니신게, 너무 성급하게 진도를 다뤘던 리뉴얼 이전 강의들이 잇고, 또 성급한 편집이 있었뎐 리뉴얼 이전 강의들도 있었습니다. 하지만 이번 리뉴얼 강의에서는 말씀해주신 문제 부분도 완벽히 개선된 강의입니다. 강의 리뉴얼은 이번주 일요일인 "9/22"에 완료될 예정이니, 참고 부탁드리면 감사하겠습니다. 만족스런 강의 제공 못해드려 송구스럽고 더 나은 리뉴얼 강의로 찾아뵙겠습니다.

  • fassam2님의 프로필 이미지
    fassam2

    受講レビュー 4

    平均評価 4.0

    1

    17% 受講後に作成

    강의 덜 올려주신건가요? 계산기 앱이 갑자기 두번째시간이라 그러고 중간에 안드로이드 auto 실행해서 연동되는것도 아예모르는데 이게 머죠?

    • 정현우
      知識共有者

      안녕하세요, 지식공유자 정현우입니다. 죄송합니다😢.. 현재 라이브러리 폐지 건으로 강의를 완전히 리뉴얼 해야되는데 제 개인적인 스케줄이랑 리뉴얼 기간이랑 완벽히 겹치더라고요ㅜㅜ 그래서 지금 순차적으로 강의를 업로드 하는 중이고, 이 점 참고해주시면 감사하겠습니다. 일단 최대한 리뉴얼 기간을 타이트하게 잡고 진행하고 있으니 조금만 기다려주시면 감사하겠습니다. 죄송합니다 🙇‍♂️ 그리고 질문 주신 부분은 계산기 앱 섹션에서의 두번째 시간이라는 것으로 확인됩니다. 이 점 양해해주세요.

公開していない講座のため、受講が制限されます。
非公開講座

IT Shareの他の講座

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

似ている講座

同じ分野の他の講座を見てみましょう!