[VOD] 6週間完成!開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)
codecamp
10分で바이브코딩で作れる単純なサービスはもう捨てましょう! '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt
중급이상
React, Next.js, cursor
Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。
Expoフレームワーク
React Nativeの基礎
WebViewとReact/Nextの連携
スマートフォンの機能および権限連動(アラーム、位置情報、システムなど)
安定したハイブリッドアプリ設計 (マイクロフロントエンド)
⭐ Web開発者年俸上げプロジェクト⭐
Web開発技術をそのまま利用して「アプリ開発者」に成長する
ウェブ開発者が簡単に能力を高めることを可能にするウェブ開発者の必須講義を目指しました。
開発者は、能力を引き続き育てなければならない宿題を持っています。私も同じ宿題を毎日しており、皆さんの試行錯誤を少しでも減らせるように努力しました。いつもフォローしてくれてありがとう。
9年目フルスタックWeb開発者、ハイブリッドアプリ開発者、
ブートキャンプの代表講師として、Web開発者が持つ技術で簡単に能力を育てるように研究しました。
ハイブリッドアプリ開発者として、簡単かつ迅速に成長できるコアコンテンツと実務コードを公開します。
それでは講義で会いましょう!
クロスプラットフォームハイブリッドアプリ開発とは、Webコードでさまざまなオペレーティングシステム(Android、iOSなど)で動作するアプリを作成する技術です。通常、アプリを作成するときは、各オペレーティングシステムごとに異なるプログラミング言語と環境で別々に開発する必要がありますが、クロスプラットフォームとハイブリッドアプリ技術を使うと、Webで書くReact.jsやNext.jsのような技術を利用して一度だけアプリを開発すれば、複数のオペレーティングシステムですべて使用できます。
代表的なフレームワークにはReact.NativeとFlutterがありますが、残念ながらこれらの技術は複雑な環境設定と追加の多くの学習を必要としています。
ただし、Expoは複雑な環境設定なしで開発できる非常に効率的なフレームワークです。
Expo(Expo)は、React NativeとWeb技術を利用してモバイルアプリ(Android、iOS)を簡単かつ迅速に開発するのに役立つツールでありサービスです。
もともとReact Nativeだけでアプリを開発するには、開発者が自分で複雑な設定と環境構築をしなければなりません。
Expoが効率的な理由は大きく3つにまとめることができます。
1⃣ Webコードで複数のプラットフォームで利用可能
Expoを使用すると、1回の開発でAndroidとiPhoneの両方で動作するアプリを作成でき、時間とコストが節約されます。
2⃣シンプルでクイックスタート
Expoは事前に作成された環境を提供し、複雑な設定なしですぐにアプリを作成できます。
3⃣簡単なテストと共有
アプリを実際のスマートフォンで簡単にテストし、結果をリアルタイムで表示できます。特に友達や同僚にアプリを簡単に共有してテストしてみることができます。
実はReactとNextを一度でも学習した方たちなら、ぜひ一度は聞かなければならない必須講義になるようにしました!私たちがすでに知っている技術で簡単に成長する方法ですから。

Web開発の知識をそのまま活用して、簡単にアプリ開発を学びたい方

個人収益化のためのアプリ開発への関心と情熱のある方

年俸を上げる
転職を希望するウェブ開発者
この講義は、単なるWebビューの内容だけを扱う講義ではありません!はるかに慎重で重要な内容でいっぱいになりました。モバイル機能を使用するDevice APIから、効率的にモバイルUIを設計する方法、ページアニメーションなど、皆さんがアプリ開発に必ず知っておくべきすべての内容を細かく込めました。
【講義目標】
Web技術をそのまま活用してIOS/AOSアプリを開発する能力
Expo フレームワークに対する全般および多様な機器サイズに対応および設計する能力
ウェブとアプリのデータ連携方法を理解し活用する能力
位置、アラーム、カメラなど様々なネイティブ機能を活用する能力
アプリログインを理解し、セキュリティを強化して適用する能力
スケーラビリティを考慮し、メニュー間ドメインを分離する能力
1. ハイブリッドアプリ_Expo
2. モバイルUIの設計
3. デバイスAPIの設計
4. モバイルシステム機能
5. モバイルアラーム機能
6. アプリ権限
7. 写真拡大とピンチズーム
8. Androidバックボタン
9. ページ移動アニメーション
10. アプリログイン
11. リストの更新
12. マイクロフロントエンド
講義で取り上げる詳細を確認してください。
体系的で不可欠な内容で満たされました😀
リアクトネイティブとExpo
エミュレータとシミュレータ
リアクトネイティブタグ
WebビューとNextの連動
Webビュー接続失敗の対応
モバイルUIデザインとハイブリッドアプリの利点
モバイルUIの割合を増やす
モバイルレイアウトヘッダ
ローカルヘッダーとオプションの深化
モバイルレイアウトフッター
Webビューのデバッグ
デバイスとウェブビューのデータ転送
デバイスAPI
デバイスシステム情報API
デバイス位置情報API
デバイスオブジェクトルックアップリファクタリング
通知プロセス
スケジュール通知
通知をクリック
アプリ権限の設定
アプリの状態を検出
Androidのバックボタン
useEffectとメモリリーク・カスタムフック
写真ソースを見る
ピンチズーム
ページ移動アニメーション
ページ移動アニメーション(戻る)
アプリログイン
アプリログイントークンの奪取
フルトゥリフレッシュ(pull-to-refresh)
マイクロフロントエンドWeb
マイクロフロントエンドアプリの接続
スケジュールアラーム
Androidバックボタン(ダブルクリック終了)
ページ移動アニメーション
フルトゥリフレッシュ(pull-to-refresh)
このレッスンでは、JavacriptとReact.jsまたはNext.jsを選手の知識として知っておく必要があります!しかし心配しないでください。
皆さんがあるレベルにあった、この講義を完強するために必要なコアなJavascriptとNext.jsの内容を別途提供しています!それぞれどのような内容を提供しているか確認してください!
テンプレートリテラル
オブジェクトと角括弧(アクセス・生成)
構造分解割当
SetTimeout
三項演算子
矢印関数と戻りを省略
スプレッド演算子/RESTパラメータ
Early-Exit
addEventListner
オプションチェイン
JSON.stringify/JSON.parse
switch
オブジェクトキーの削除と照会
Promise
async/await
shorthand-property
構造分解割当と初期値設定
setInterval/clearInterval
querySelctor
accessToken/refreshToken
HOF
フラグメント
useState
useEffect
props
子供
条件付きレンダリング
usePathname
use client
動的ルーティング / useParams
リンク
prevState
use server
useRef
カスタムフック
useRouter(router.push)
useRouter(router.back)
アプリルーター/ページルーター
Webパック
これまで受けてきたノウォンドゥイムのキーワードと受講評をまとめました。
この講義を通して、Nowon Dumと一緒にアプリ開発者として成長しましょう🚀
#親切な講義
#凄い
#気分
#耳にすっぽり
#蒸し
#メンター
#豆豆
#いいね
⭐ ⭐ ⭐ ⭐ ⭐投稿者: SS
難しい用語を短く書く他の講義に恐れた方は、ぜひノウォンドゥムのハイクオリティをお見逃しなく!
⭐ ⭐ ⭐ ⭐ ⭐投稿者: alopp
本当の君を愛してノウォンドゥ!
めったにないものはすべて本当に濃縮されているのであまり良いです。
⭐ ⭐ ⭐ ⭐ ⭐投稿者: 空白
本当に良い講義のようです。基礎から部分から深化まで部分部分が精密で凝縮された講義なので、一人でも理解するのがいいですよ!
⭐ ⭐ ⭐ ⭐ ⭐投稿者:キム・ドンウン
ノウォンは最も必要なスキルをカリキュラムに毎回改善し、実務経験に基づいた例で理解が上がりました。
React.jsまたはNext.jsの基礎知識を持っている人が聞くのに最適化されたレッスンです。
ただし、講師様ごとに説明するスタイルも異なり、コードを書く方法も異なることがありますので、より効率的な学習のためにノウォンドゥムのJavascriptだけでなくNextの核心内容まで補足映像として提供しています。講義自体が親鉄で体系的に説明するため、難なく学習できます。
ノウォンドゥムはMacを使っているので、講義はMacを基準に行われました。
ハイブリッドアプリの特性上、MacとiPhoneをお持ちの場合は、Android/IOSの両方が実装可能で、シミュレータを通じてテスト可能です。 Window系コンピュータとAndroidフォンをお持ちの場合、テストはAndroidのみ可能です。 IOSまでテストしたい場合は、Macがなくても最小IOSエアシステムが必要です。
この講義の内容と実務例は、ノーウォンドゥムが直接ハイブリッドアプリで作って実サービスで配布した「ソロトリップ」を基準にしています。現在「ソロトリップ」はしばらくアップデート中でサービスを運営していませんが、まもなく新しいプロジェクトを導入して再オープン予定です。実サービスとしてすぐに使えるレベルの内容で全カリキュラムが制作されました。
学習対象は
誰でしょう?
基礎ウェブ開発の知識で手軽にアプリ開発をしてみたい方
React/Nextの経験者で、ハイブリッドアプリ開発に挑戦したい方
アプリ開発者として年収を上げたいウェブ開発者
ハイブリッドアプリ開発のポートフォリオを作成したい方
前提知識、
必要でしょうか?
React.jsの基礎
Next.jsの基礎
ウェブ開発の基礎
15,655
受講生
468
受講レビュー
230
回答
4.8
講座評価
15
講座
"Try anything, Try everything!"
コードキャンプは有能なエンジニアを養成し、開発の未来を変えるという目標を掲げています。社会的、経済的、教育的な背景に関わらず、誰にでもキャリア転換の機会を提供するために、インフラン(Inflearn)に登場しました。コードキャンプと一緒にキャリアアップに挑戦しましょう!
全体
96件 ∙ (33時間 23分)
講座資料(こうぎしりょう):
全体
5件
4.4
5件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 4.0
受講レビュー 1
∙
平均評価 5.0
受講レビュー 30
∙
平均評価 5.0
受講レビュー 16
∙
平均評価 4.4
修正済み
¥5,936
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!