개발자들 사이에서 통하는 바이브코딩 – 실무형 (Cursor AI, Figma)
코드캠프
10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt
중급이상
React, Next.js, cursor
コーディングと恋に落ちた8年目のフルスタック開発者Captainの私心がいっぱいのカリキュラムです。バックエンドのすべてをすべてお知らせしたいCaptainの心が溶けます!このレッスンを聞くと、これまで教えてくれますか?'という考えを震えることができないでしょう。みんなが難しい部分までぜひ噛んで食い込んでくれるこの講義で始めましょうか?
受講生 1,503名
実務ポートフォリオ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. 受講中に気になる点がありました。
コミュニティに質問を残してください。コードキャンプチームはすぐに素早くクールな答えを捧げます:)
学習対象は
誰でしょう?
国費または他の講義に不足を感じた方
最新のテクノロジー スタックでバックエンドを完成させたい方
専門的な段階的なカリキュラムを通じて成長したい方
実務経験はあるが、まだ不足だと感じているジュニア開発者
トレンドに合ったポートフォリオで就職したい就職希望者
前提知識、
必要でしょうか?
コーディングへの情熱と意志 🔥
13,497
受講生
385
受講レビュー
200
回答
4.8
講座評価
12
講座
"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
全体
49件
4.6
49件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
독학으로 이런저런 강의들을 나눠서 듣고 있었는데 기초적인 부분부터 하나씩 짚고 넘어가며 설명해 주시는 것 같아서 백엔드라고 하는 분야를 처음 접하는 사람으로서도 아주 듣기 좋은 강의인 것 같습니다! 아직 수강중이지만, 결과적으로 docker, graphql, nest 등 여러개의 스택을 섞은 저만의 결과물을 만들어낼 수 있다는 점이 학구열을 더 불태우는 것 같아요. 코드만 작성하는 것이 아니라, ppt를 사용해서 원리나 플로우까지 함께 설명해 주셔서 더 이해가 잘 되더라고요. 그와 함께 왜 이러한 로직을 사용하는지, 어떤 면에서 손해를 보게 되는지 등을 함께 설명해 주시니, 학습하는 사람을 흔히 말하는 “코더”가 아니라 정말 “개발자”로 만들어주는 강의인 것 같아서 만족스럽습니다. 개인적인 상황 때문에 부트캠프라는 시스템을 통해 수강하는 것이 어려웠는데, 이렇게 같은 내용의 수업을 온라인으로 접해볼 수 있다는 것이 저에게는 굉장히 감사한 기회인 것 같습니다. 감사합니다.
受講レビュー 2
∙
平均評価 5.0
5
코드캠프에서 오프라인 부트캠프로 백엔드 과정을 수료한 수료생입니다! 무베이스로써 백엔드 과정을 제대로 이해할 수 있을까 걱정을 하면서 수강을 시작했었는데, 원두 멘토님께서 기초부터 현업에서 사용하는 실습까지 꼼꼼히 이해하기 쉽게 알려주셔서 실제로 현업에 와서도 정말 많이 쓰고 있습니다!! 홈페이지의 기본이 되는 회원가입, 로그인부터 시작하여 결제 기능, 검색 기능, 이미지 처리 기능 등 기본적인 기능들이 어떤 프로세스로 이루어지고 로직을 어떻게 짜면 되는지 정말 하나하나 알려주셔서 처음 개발을 시작하는 사람으로써 이 강의를 제일 처음 들은것에 대해 절대절대 후회하지 않고 있습니다! 수업 중간중간 알려주신 소소한 팁들을 가지고 현업에서 개발자로 한 단계 한 단계 성장하고 있고, 제 동생에게도 개발자가 되고 싶으면 코드캠프 강의로 시작해라고 이야기할 정도로 정말 알찬 강의들로 이루어져 있기에 백엔드 개발자가 되고 싶다는 마음을 가졌으면 꼭 들어보세요!!
受講レビュー 2
∙
平均評価 5.0
受講レビュー 1
∙
平均評価 5.0
5
협업에서 개발에 허덕이고 있는 1년차 주니어 개발자 입니다. 매일 부족함을 느끼며 스택에 맞는 여러 온라인 강의를 다 결제하여 학습을 병행하고 있습니다. 우연히 인프런에 업로드 된 자바스크립트 강의를 이벤트성으로 접하게 됐을 때, 제가 필요한 다른 강의 또한 올라왔으면 좋겠다고 생각했습니다만, 이렇게 Nest강의가 올라오다니.. 사찰당한 기분에 일단 구경오게 되었습니다. 저렴한 금액은 아니여서 구매가 망설여지게 되었지만..;;;;; 제가 항상 궁금하던 서비스를 다루고 있어 학습을 시작. 아직 모든 강의를 듣지 않고 필요한 부분의 강의만 듣고 있는데, 생각보다 너무 만족스러워 이렇게 수강평을 남기게 되었습니다. 검색 부분을 먼저 학습해 본 결과, 자세한 수업 설명에 그동안 스스로 혼자 공부하거나 다른 강의를 접하여 공부한 개념들이 잘 정리되어 이해 할 수 있었습니다. 이 개념을 바탕으로 좀 더 혼자 적용해보기가 훨씬 수월해 질 것 같은 기대감이 생겼습니다. 일단 이거 하나만으로도 저는 너무 만족스럽네요. 아직 다른 부분의 강의는 확인해 봐야 하겠지만, 제공된 노션 자료들을 보면 다른 강의 또한 기대가 됩니다. 적은 양의 강의는 아니지만, 시간을 내어 찬찬히 들어볼 예정입니다. 후기가 없어서 구매를 망설이시는 분들에게 조금이나마 도움이 될까 싶어 수강평을 남겨봅니다.
受講レビュー 1
∙
平均評価 5.0
¥46,403
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!