[VOD] 6週間完成!開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)
codecamp
10分で바이브코딩で作れる単純なサービスはもう捨てましょう! '本当の'実務適用바이브코딩を学ぶことができます。 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt
중급이상
React, Next.js, cursor
コーディングと恋に落ちた8年目のフルスタック開発者Captainの私心がいっぱいのカリキュラムです。バックエンドのすべてをすべてお知らせしたいCaptainの心が溶けます!このレッスンを聞くと、これまで教えてくれますか?'という考えを震えることができないでしょう。みんなが難しい部分までぜひ噛んで食い込んでくれるこの講義で始めましょうか?
受講生 1,527名

実務ポートフォリオ2つ
最新のテクノロジー スタックを活用した 6 つのプロジェクトの実装
プログラミング言語と概念の学習
高度な API 機能の実装 (ログイン、決済、ファイル アップロード、画像サービス)
Javascript ベースの最新 Web フレームワーク Nest に焦点を当てます
通信の基礎からテストコードの作成まで、完全なサイクルを理解する
実務コミュニケーション能力の向上
コアルモットからバックエンド開発者になるまで!
高濃縮バックエンドコース✨
💥 Attention!
この講義は、コーディングブートキャンプで実際に使用する講義で、ノーベースから非専攻者、開発者まですべて受講可能なカリキュラムで構成されています。
✅勉強も実務のように!実務に適用する方法を教えてくれる実務中心講義
✅非専攻者から専攻者まで!誰もが理解できるカスケードカリキュラム
✅ [Node.js, nest] 最新技術の言語学習とプロジェクトの実装
✅ 就職率92%の認定された「本物」ブートキャンプのカリキュラムに進む
✅ノーベースも可能な完全基礎から開発者就職レベルまで成長
バックエンドのみ集中的に
勉強できませんか?
バックエンド開発者になりたいのですが、
コーディングについて何も知りません..
実務に適用できる
蒸しノウハウを手に入れたいです。
Nest.jsは、Node.jsサーバーサイドアプリケーションを構築するための効率的でスケーラブルなフレームワークです。既存のNode.jsフレームワークであるExpressは、アーキテクチャ構築のための自由度が高く、開発者の性向に応じてすべてがそれぞれの構造が作られました。
Nest.jsは、これらの問題を補うためにすぐに使用できるアプリケーションアーキテクチャを提供します。また、OOP(Object Oriented Programming)要素を組み合わせて効率性を高め、タイプスクリプトをサポートすることで開発時に発生するエラーを事前に防止してくれます。
「バックエンドは難しいですが、何も知らない私がバックエンド開発者になることができますか?」という悩みをこの川の一つで一度に解決してください!じっくり歩道も現業開発者レベルに成長できるように完璧な基礎講義から始めますから!
🧩基礎のステップstep01。
コーディングは何ですか?プログラムのインストールから基礎を築く
Web・アプリ開発の基礎の中で、基礎、HTML・CSS・Javascriptの基本的な文法と活用方法を学び、学んだ内容に基づいて会員登録とミニホームページを実装します。
🧩基礎のステップstep02。
JavascriptでWebページの機能をより豊かに。
一緒に使うツールとJavascriptが動作する原理、コードの書き方を中心に学習し、d-day counterとto-do listを実装し、学んだ内容を完全な私にする時間です。
#01. Node.js APIの実装
会員登録、メール転送、SMS転送などのためのサーバーをJavascriptのランタイム、Node.jsとフレームワークExpressで直接実装してみます。
#02. Docker
Dockerで実装した仮想環境に代表的なNoSQL DBである「MongoDB」を浮かべ、データをどのように管理するかその方法を学びます。
#03. Scraping/Crawling
私たちに必要な情報を含んでいるページの情報を掻き取る方法と知識財産権を侵害しないように注意すべき事項について学びます。
#04. Nest.js
JavascriptのOOP中心開発を支援するフレームワーク「Nest.js」と代表的な「RDBMS、MySQL」を学習するための基礎を固めます。
#05. Database ERD
不要なメモリの無駄を減らすためにどうすればよいですか?データを効率的に管理する方法と必要な概念を学習し、直接テーブルを整理します。
#06. ORM活用API実装
サーバーがDBをより直感的に操作できるようにするORMを学習し、ユーザーの要求を処理できるAPIを実装します。
#07.ログインプロセス
ログイン、会員登録ロジックの流れを理解し、直接実装し、ユーザーの個人情報を外部から安全に守る方法について学習します。
#08.お支払い
複雑な決済過程をPG社を経て処理する方法と、ユーザーの決済情報を実務ではどのように管理するかを学習して直接実装します。
#09.ファイルアップロードAPIの実装
ユーザーにイメージファイルを渡すAPI、そして渡されたファイルを私たちのサーバーで保存・管理するロジックを直接実装します。
#10.検索
必要なデータをより迅速に検索するために、Cache、Redisなどの概念を学習して適用します。
#11. Microservice
マイクロサービスについて学習し、どのようにして巨大なサービスを安定的に、モジュール形式で管理できるかを学習します。
#12.テストコード
APIが意図したとおりに動作していることをコードで検証できるテスト主導の開発を通じて、きちんとしたサービスを実装する方法を学びます。
#13.展開
これまで学習し、自分で実装したサーバー、DB、検索システムを誰でも利用できるように展開を進めます。
#15.その他
うまく動いていなかったJavascriptが非同期処理を実行する方法を学びます。
#14. Git
実際の開発を進めながら、バージョン管理、チームメンバーとのコラボレーションなどのために必ず使用するGitについて学びます。
#16.レビュー
特定の課題にレビュービデオが提供されます。私のコードと比べて不足している部分を埋めることができます!
☝🏻特定のサイト情報を取得する
私が作りたいサービスを完成するために他のサイトの情報が必要な場合があります。このたびに、コピー>貼り付け>コピー>貼り付け...を繰り返してデータを直接入力する必要がありますか?
開発者らしく他のサイトのデータを掻き取る方法、そしてこれらのロジックを作成しながら発生する可能性のある法的問題についても一緒に調べます。
✌🏻ユーザーがアップロードした画像がどのように管理されるのでしょうか?
投稿に画像を追加したいときにボタンを数回クリックするだけで、簡単に画像を追加できます。しかし、画像が画面に連続的に見えるようにするには、どこかにファイルを保存する必要があり、必要に応じて保存されたファイルを引き続き呼び出す必要があります。
こんなイメージ、ファイルなどがどこにどのように保存されるのかプロセスを覗いてみますよ👀
👌🏻単一の単語検索でその単語を含むすべての情報を取得する
「カード」という単語を検索したとき、「カードのおすすめ」、「カード発行」、「マイカードの照会」など、その単語を含む多くの内容が一緒に出てくるケースを見たことがありますか?何かを検索する際、その利便性とスピードを高めてくれた検索機能!サーバーではどのように処理してくれたので、そんな検索が可能だったのかと一緒に学びましょう。
🖖🏻支払いなどの機密サービスはサーバーでどのように管理できますか?
商品のお支払い中にサーバーに問題が発生した場合、お支払い情報はどうなりますか?💸
もしサーバーのロジックが間違って書かれているなら、私の口座から出金するだけで商品を購入した履歴は保存できないかもしれません。このように、機密性の高いデータ、情報をどうすれば安全に管理できるか、トランザクションの概念をまとめて学びます。
🎯この講義で得られるポートフォリオです。
· 01. Starbucks - Node.jsに進むミニプロジェクトです。スターバックスアプリの会員登録を実装し、データクロールを通じてデータを抽出します。
· 02. 自分だけのサービス- Nest.jsでDB、ERDなどの学習内容を直接接木させ、希望のサービスを実装します。決まったUIや枠がないので、強みを浮かべて個性的なサービスを実装できますよ。
目に見えない領域で大量のデータを扱わなければならないので、バックエンドのプロセスが難しく感じられます。しかし、このレッスンでは、さまざまなプロジェクトを通じて面白いと深くスタックを理解することができます!最も効率的で簡潔なコードのために、Javascript、Typescript、Node.js、Nest、Express、Rest-APIなどの便利なフレームワークとライブラリを組み合わせました。
皆さんはこの講義を通じて多くのスタートアップや企業が実務で使用するバックエンドスタックを深く広く得ることができるでしょう!
* version : 受講時に使用するバージョンです。 (必要に応じて参考にしてください!)
[Node Section (section 1-3)] - Node.js: ^13.14.0 - yarn: ^1.22.19 - axios: ^0.27.2 - express: ^4.18.1 - apollo-server: ^3.7.0 - mongoose: ^6.3.3
[Nest Section (section 4-15)]
- @nestjs/cli: ^8.0.0
- typescript: ^4.3.5
- typeORM: 0.2
- grapql: ^16.5.0
- mysql2: ^2.3.3
- apollo-server-express: ^3.8.1
- jest: ^27.0.6
- graphql-upload: ^13.00
- cachemanager: 4.1.0
「Version」とその技術スタックの理解がなくても大丈夫です。講義で入念に親切に説明します:)
📑セクション別学習資料
講義を受講しながら内容の理解を助ける資料です。実際のブートキャンプの受講生も使う資料だけにうまく活用すれば、逃した部分があっても大きな助けになるでしょう。
📑セクション別の課題資料
今日学んだ内容は今日復習しよう!講義の受講後、十分な練習を通じて完全に私のものに吸収するのに役立ちます。
📑 セクション別ポートフォリオ
各セクションで学んだ機能を活用してポートフォリオを作成する際に参考にできる資料です。このレッスンで私のポートフォリオに2つのプロジェクトを追加してください!
🎨 Artipul
美大生の作品を簡単に購入できるサービスです。メインページだけでなく決済オープンAPIでポイント充電、決済を可能にし、Socket.ioを使ってリアルタイム入札機能まで実装しました。
📙 Flog
旅行スケジュール・家計簿・旅行ログで構成される旅行ガイドブックサービスです。 drag&drop機能で旅行スケジュールを組むとリアルタイムでDBに保存され、使いやすさが高まりました。さらに、他のユーザーとスケジュールを共有できるように実装しました!
🙆🏻♀️実務にすぐに活用できるポートフォリオ2個
👨🏻🎓自分で成長できる開発知識を構築
💁🏻♀️実務でスムーズなコミュニケーションを行うジュニア開発者
👨🏻💻他部門とのコラボレーション能力に優れたバックエンド開発者
🙋🏻♀️ 自分でもできるE-commerce Platform開発
💡コンピュータの仕様を確認してください。
・Mac OSは仕様に無関係です。
- RAM 16G以上推奨(2015年以降のモデルに対応)
・Window OSを使用する場合
- RAM 16GBの場合、ubuntu OSで完全にインストールしてください。
- RAM 16GB以上の場合、Window+ubuntuデュアルインストールできます。
- バックエンド講義ではコンピュータをサーバーとしても活用する必要があるため、RAMによっては一部のモジュール/ライブラリやツールの利用が難しく、スムーズな受講が難しい場合があります。
- ubuntuのインストールは授業資料>環境設定で確認してください。 (グーグルも可能です!)
- Intel Core i5 9世代以上 / AMD RYZEN 5 2世代以上
💡日課表を作って定期的に着実に学習することをお勧めします。
💡学習資料を受け取るためにコラボレーションツール「Notion」アカウントを作成してください。
💡受講に必要な学習資料はノッション(リンク)で提供されます。
※学習資料の著作権はコードキャンプにあります。不正盗用・配布・複製を禁止します。
Q. 何の知識もなく受講してもいいですか?
はい。コーディングの「鼻」者も知らなくても大丈夫です。より深く広く理解できるように、HTML・Javascriptのサッシ秒プロセスが含まれています。
Q. 別の教材がありますか?
ノッションでお届けする「講義資料」を活用してください!本資料は実際のブートキャンプで使用するそのままの資料です。無断盗用・配布・複製を禁止します。
Q. 基礎講義(開始はプリキャンプ、Javascript)の授業資料リストが混乱します。
Q. 受講中に気になる点がありました。
コミュニティに質問を残してください。コードキャンプチームはすぐに素早くクールな答えを捧げます:)
学習対象は
誰でしょう?
国費または他の講義に不足を感じた方
最新のテクノロジー スタックでバックエンドを完成させたい方
専門的な段階的なカリキュラムを通じて成長したい方
実務経験はあるが、まだ不足だと感じているジュニア開発者
トレンドに合ったポートフォリオで就職したい就職希望者
前提知識、
必要でしょうか?
コーディングへの情熱と意志 🔥
15,256
受講生
430
受講レビュー
222
回答
4.8
講座評価
14
講座
"Try anything, Try everything!"
코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!
全体
254件 ∙ (106時間 58分)
5. ▶ ウェブ・アプリサービスとは?
03:22
8. ▶ HTMLの核心
42:26
10. ▶ 技術スタックを理解する
06:15
11. ▶ CSS を学ぶ
25:29
12. ▶ CSS 整列
20:44
13. ▶ サイワールド 作り 第1弾
43:25
16. ▶ 変数と定数
17:08
17. ▶ 配列
24:31
18. ▶ オブジェクト
20:41
19. ▶ 싸이월드 作り 第2弾
39:43
21. ▶ データ型と演算子
17:30
22. ▶ 条件文
19:54
23. ▶ 繰り返し文
22:19
24. ▶ Math オブジェクト
06:44
25. ▶ DOM
10:42
26. ▶ 싸이월드 作成 第3弾
27:31
28. ▶ 関数
09:14
29. ▶ 関数の書き方
14:21
30. ▶ 組み込み関数
24:09
31. ▶ 싸이월드 作り方 4弾
23:31
33. ▶ 組み込み関数レビュー
11:00
34. ▶ イベント変更検知
16:05
35. ▶ サイワールド作り 第5弾
43:25
37. ▶ final 課題
07:56
38. ▶ Git/Github
22:02
40. ▶ 変数とは?
13:34
41. ▶ 変数宣言とデータ代入
06:42
42. ▶ 変数宣言キーワード
18:58
43. ▶ ストリング, ナンバー
13:58
45. ▶ 配列
11:47
46. ▶ 配列メソッド
17:16
47. ▶ オブジェクト
16:31
48. ▶ オブジェクトメソッド
15:58
51. ▶ HTML文書 概念説明
23:24
56. ▶ 関数のリターン
13:37
57. ▶ 関数宣言の種類
05:50
60. ▶ localhostとは?
07:47
62. ▶ 比較演算子
12:43
63. ▶ 配列とオブジェクトの比較
12:30
64. ▶ 条件文と論理演算子
21:42
65. ▶ 条件に応じたメッセージ出力
13:33
67. ▶ スクリプトタグの位置
20:13
69. ▶ 繰り返し文とは?
04:48
70. ▶ for文とwhile文
10:26
72. ▶ for-ofとfor-in
23:45
73. ▶ ループを使用したテキスト更新
07:53
74. ▶ setInterval
07:55
75. ▶ clearInterval
24:54
77. ▶ 関数の引数と仮引数
30:57
84. ▶ DOMとは?
13:57
86. ▶ JSでHTMLタグを生成
03:46
87. ▶ appendChild
12:28
92. ▶ 実行コンテキスト
19:26
96. ▶ geolocation
16:29
97. ▶ openWeatherMap
02:29
98. ▶ APIとは?
02:36
100. ▶ HTTP プロトコル
08:03
101. ▶ 同期と非同期
13:43
103. ▶ 次に、キャッチ
20:29
105. ▶ 分割代入
19:54
106. ▶ スプレッド演算子
15:16
107. ディープコピー、シャローコピー
15:07
108. ▶ rest パラメータ
03:56
109. ▶ 分割代入の適用
09:45
110. ▶ JSONデータ活用
19:24
全体
52件
4.6
52件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
独学でいろいろな講義を分けて聞いていたのですが、基礎的な部分から一つずつ踏み越えて説明してくれるようで、バックエンドという分野に初めて接する人としてもとても聴きやすい講義のようです! まだ受講中ですが、結果的にdocker、graphql、nestなど複数のスタックを混ぜた私だけの結果物を作り出すことができるという点が学区列をより燃やすようです。 コードだけを書くのではなく、pptを使って原理やフローまで一緒に説明していただき、もっと理解が上がりました。彼と一緒になぜこのようなロジックを使うのか、どんな面で損害を受けるのかなどを一緒に説明してください。 個人的な状況のため、ブートキャンプというシステムを通じて受講するのが難しかったのですが、このような内容の授業にオンラインで触れることができるというのが私にはとても感謝した機会のようです。ありがとうございます。
受講レビュー 2
∙
平均評価 5.0
5
コードキャンプからオフラインブートキャンプでバックエンドコースを修了した修了生です! 無ベースとしてバックエンドの過程をきちんと理解できるか心配をしながら受講を始めたが、 豆のメンター様が基礎から現業で使用する実習まで、丁寧に理解しやすく教えてくれて、実際に現業に来ても本当にたくさん書いています! ホームページの基本となる会員登録、ログインから始まり、決済機能、検索機能、画像処理機能など基本的な機能がどのようなプロセスでなされ、ロジックをどのように組めば良いか本当に一つ一つ教えて初めて開発を始める人としてこの講義を一番最初に聞いたことについて絶対絶対後悔していません! 授業中途中にお知らせいただいたほんの少しのヒントを持って、現業で開発者に一段階一段階成長しており、 私の弟にも開発者になりたければコードキャンプ講義で始めようと話すほど本当に教えてくれているので バックエンド開発者になりたいという気持ちを持ったらぜひ聴いてみてください!
受講レビュー 2
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
コラボレーションで開発に苦しんでいる1年目のジュニア開発者です。毎日の不足を感じながらスタックに合った複数のオンライン講義を全て決済し、学習を並行しています。 たまたまインフラにアップロードされたJavaScript講義をイベント性に接することになったとき、私が必要な他の講義も上がってほしいと思いましたが、こうしてNest講義が上がるなんて…。 安い金額ではなく、購入が躊躇するようになったが..;;;;;私がいつも気になっていたサービスを扱っており、学習を始めました。まだすべての講義を聞かずに必要な部分の講義だけを聞いていますが、思ったよりも満足しすぎてこうして受講評を残すようになりました。 検索部分を先に学習した結果、詳細な授業説明にこれまで自分で勉強したり、他の講義に触れて勉強した概念がよくまとめられ理解できました。この概念に基づいて、もう一人で適用することがはるかに簡単になりそうな期待感が生まれました。一度これだけでも私はとても満足しています。 まだ他の部分の講義は確認してみなければなりませんが、提供されたノッション資料を見ると他の講義も期待になります。 少量の講義ではありませんが、時間をかけてほんとうに聞く予定です。 後期がなくて購入を躊躇している方に少しでも役に立つかと思って受講評を残してみます。
受講レビュー 1
∙
平均評価 5.0
¥48,256
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!