BEST

Inflearn clone coding Part 1: Dự án thực tế bắt đầu với Next.js và NestJS

Name: Inflearn clone coding Part 1: Dự án thực tế bắt đầu với Next.js và NestJS
Price: 165000 KRW

🔥 Từ đăng ký khóa học đến tải video lên, đây là một khóa học full-stack thực chiến để triển khai đầy đủ các tính năng của người chia sẻ kiến thức. Sử dụng Next.js 15 và NestJS, bạn sẽ xây dựng theo luồng thực tế của Inflearn, bao gồm tạo khóa học, cấu trúc chương trình giảng dạy, tải ảnh bìa và video lên, viết phần giới thiệu chi tiết. Bạn cũng có thể tích lũy kinh nghiệm thực tế gần với công việc như mô hình hóa Prisma, xác thực JWT, tải lên S3 + CloudFront, thiết kế API Swagger, v.v.

(4.9) 23 đánh giá

257 học viên

lopun

실습 중심

인프런

AWS

Docker

Next.js

NestJS

Prisma

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

Xu hướng phát triển full-stack mới nhất (Next.js 15, NestJS, Prisma)
Hoàn thành nền tảng 'Inflearn của riêng mình' dùng làm portfolio
Phát triển toàn diện các chức năng dịch vụ thực tế như đăng ký, chỉnh sửa khóa học, tải video lên, biên tập chương trình học, v.v.
Tạo UI chuyên nghiệp, tinh tế với Shadcn UI + TailwindCSS + Cursor AI
Cấu hình cấu trúc gọi backend tự động dựa trên Swagger + OpenAPI
Mô hình hóa cơ sở dữ liệu bằng Prisma và thiết kế kiến trúc dựa trên PostgreSQL
Xây dựng hệ thống upload streaming dựa trên S3 + CloudFront

🧩 Next.js + NestJS = Sự kết hợp ngôn ngữ đơn tốt nhất

Next.js 15 bổ sung các thành phần máy chủ, App Router và Server Actions vào các dự án dựa trên React, cho phép bạn xử lý mọi thứ từ hiển thị màn hình đến các API đơn giản trong một cơ sở mã duy nhất.

NestJS được viết bằng cùng một TypeScript, tính năng tiêm phụ thuộc và cấu trúc mô-đun cho phép bạn xây dựng một chương trình phụ trợ dễ bảo trì ngay cả khi nhóm của bạn phát triển.

Việc sử dụng hai khung này cùng nhau sẽ làm giảm sự không nhất quán của dữ liệu bằng cách cho phép UI và máy chủ chia sẻ một định nghĩa kiểu duy nhất và cho phép các nhà phát triển di chuyển giữa giao diện người dùng và giao diện quản trị mà không cần chuyển đổi ngôn ngữ hoặc bộ công cụ.

🤔 Tại sao lại là "Dự án nhân bản Inflearn" ?

Thật khó để trải nghiệm đúng chu kỳ full-stack với một ứng dụng mẫu nhỏ. Điều này là do bạn không thể trải nghiệm "cách dịch vụ thực tế hoạt động" với một blog hoặc danh sách việc cần làm chỉ cho phép đăng nhập.

Vì vậy, tôi quyết định tạo một Inflearn thu nhỏ mô phỏng luồng cốt lõi của Inflearn.
Bạn sẽ trải nghiệm thiết kế → xác thực → xử lý phương tiện → quản lý quyền cùng một lúc bằng cách trực tiếp triển khai quy trình từ quản lý thành viên đến đăng ký khóa học, biên tập giáo trình và tải video lên S3 và phát trực tuyến lên CloudFront.

💡 Phần 1 Giới thiệu

Trong bài giảng Phần 1 này,

Thiết lập các dự án front-end và back-end (Next.js 15 · NestJS · Prisma · Docker)
Sau khi triển khai xác thực JWT bằng Auth.js,
Hoàn thiện các chức năng chia sẻ kiến thức (quản lý bài giảng, quản lý chương trình giảng dạy, tạo trang chi tiết, tải lên video/hình thu nhỏ).
TailwindCSS · ShadcnUI, Cursor AI được thiết kế để giúp bạn nhanh chóng định dạng ứng dụng của mình đồng thời cho phép bạn tập trung vào logic thực tế và trải nghiệm toàn diện.
Sau khi hoàn thành khóa học, bạn sẽ có một "nền tảng cho phép bạn tải lên và phát trực tuyến bài giảng" và bạn sẽ có được các khả năng đầy đủ, từ mô hình hóa dữ liệu đến phát trực tuyến trên đám mây.

Trong Phần 2 , chúng ta sẽ xây dựng trên nền tảng này bằng cách thêm các chức năng khám phá bài giảng, tham gia lớp học, xem lại lớp học và hỏi đáp , và cuối cùng sẽ hoàn tất triển khai AWS để hoàn thiện nó thành “ dịch vụ thực sự mà bất kỳ ai cũng có thể truy cập ”.

Chúng tôi thiết kế chương trình giảng dạy sao cho nền tảng ở Phần 1 sẽ tự nhiên dẫn đến Phần 2, vì vậy nếu bạn học cả hai phần liên tiếp, bạn có thể trải nghiệm đầy đủ quy trình toàn diện từ thiết kế đến vận hành .

🧑‍🎓

Qua lớp học
Bạn có thể có được những thứ này

1⃣ Bạn có thể tự thiết kế cấu trúc dự án từ đầu đến cuối.

2⃣ Tạo ra khả năng triển khai các chức năng cần thiết cho dịch vụ đầu cuối .

3⃣ Bạn có thể xây dựng cơ sở hạ tầng cần thiết thông qua AWS .

4⃣ Bạn có thể xây dựng dịch vụ chất lượng cao bằng cách sử dụng Cursor AI .

5⃣ “Tôi có thể tạo ra ít nhất một dịch vụ mà tôi muốn !” Bạn sẽ có được sự tự tin vững chắc .

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Thôi blog, app to-do! Lập trình viên frontend khát khao tự xây dịch vụ trọn gói.
Lập trình viên junior đến middle muốn thành thạo thiết kế backend NestJS qua thực tế.
Ứng viên cần dự án chất lượng cao cho việc chuyển việc và portfolio.
Học viên chú trọng thực tế, muốn nắm vững stack thực chiến từ A đến Z chỉ với một khóa học.
Học viên thực tế muốn nắm vững từ A đến Z kiến trúc full-stack đơn ngữ.

Cần biết trước khi bắt đầu?

HTML/CSS/JS cú pháp cơ bản
Kinh nghiệm sử dụng React cơ bản

Xin chào
Đây là

3,479

Học viên

176

Đánh giá

Trả lời

4.9

Xếp hạng

Các khóa học

🚀 “핫한 스택으로 실전 서비스를 만드는 과정을 숨김없이 보여드립니다.”

이론보다는 프로젝트 위주의 실무 강의로 현업에 바로 도움이 될 수 있는 내용을 제공합니다.

(현) 네카라쿠배 재직
(현) 7년차 풀스택 개발
(강의) 스파르타 코딩클럽 강사
(교육) 한국과학기술원(KAIST) 전산학과 졸업

Chương trình giảng dạy

Tất cả

55 bài giảng ∙ (14giờ 42phút)

Tài liệu khóa học:

Nhiệm vụ

Phần 1. Giới thiệu khóa học và thiết lập môi trường phát triển

3 bài giảng ∙ (23phút)

Phần 2. 강의에서 사용하는 기술 설명 & Bài giảng cơ bản

14 bài giảng ∙ (3giờ 6phút)

4. Lời mở đầu
02:23
5. Next.js - Part 1. Củng cố kiến thức cơ bản
18:09
6. Next.js - Phần 2. Metadata, Server Action
13:21
7. Tailwindcss Giới thiệu, cú pháp cơ bản
19:39
8. Giới thiệu Jotai và bài giảng ngữ pháp cơ bản
11:09
9. Giới thiệu React Query và cú pháp cơ bản (sẽ cập nhật)
22:12
10. Cách tạo kiểu UI bằng AI (Cursor AI)
10:24
11. NestJS - NestJS là gì?
08:25
12. NestJS - Giải thích IoC (Inversion of Control) và DI (Dependency Injection)
07:15
13. NestJS - Tạo dự án NestJS đầu tiên
09:43
14. NestJS - Cấu trúc NestJS (Module, Controller, Service)
13:58
15. NestJS - Triển khai API Blog Post (Module, Controller, Service, DTO)
18:58
16. Cách sử dụng và cú pháp Prisma
13:06
17. Khái niệm và cách sử dụng Docker, thử chạy PostgreSQL
17:33

Phần 3. Thiết lập Backend & Frontend

3 bài giảng ∙ (25phút)

18. [BE] Thiết lập dự án (Nest.js, Prisma, Docker)
15:35
19. [FE] Cài đặt dự án (Next.js, Prisma, Shadcn-ui, Auth.js, Tailwind, Jotai, React-Query)
09:51
🧱 Nhiệm vụ 1. Xác thực máy chủ Next.js, NestJS đầu tiên

Phần 4. Xây dựng hệ thống xác thực

8 bài giảng ∙ (1giờ 47phút)

Phần 5. Lập kế hoạch sản phẩm & Thiết lập dữ liệu ban đầu

5 bài giảng ∙ (1giờ 3phút)

Phần 6. Chức năng tạo khóa học (Vai trò người chia sẻ kiến thức)

21 bài giảng ∙ (7giờ 54phút)

Phần 7. Lời kết

1 bài giảng ∙ (3phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

23 đánh giá

4.9

23 đánh giá

치현
Đánh giá 9
∙
Đánh giá trung bình 5.0
Đã chỉnh sửa
5
100% đã tham gia
프론트엔드 개발을 하고 있고, 백엔드도 두드려보고 싶었던 상태인데, 로펀님의 Next.js 풀스택 강의를 좋게 들었던 기억에 수강하게 되었습니다. 개인적으로 인프런같은사이트를 만들어보고 싶어서, 인프런의 강의데이터들을 크롤링해도 되냐고 공식적으로 문의했다가 반려당하기도 했었는데, 제 바램을 이번 강의로 이룰 수 있었던 것 같습니다. Nest.js를 처음 접하는 사람으로서, 프로젝트를 진행하면 이런 식으로 구성하면 되겠다는 감을 잡을 수 있는 강의었고, "인프런 프로덕트 둘러보기"라는 기획 부분도 포함되어있어 아키텍쳐나 구조를 고민해볼 수 있었던 것 같습니다. Part1에는 배포가 포함되어 있지 않아서 다소 아쉽지만, 빨리 Part2가 나온다면 배포까지 곁들인 완성된 포트폴리오를 가져가고 싶네요 ㅎㅎ
- 로펀
  Giảng viên
  치현님, 정성스러운 수강평 정말 감사드립니다! 인프런 같은 사이트를 직접 만들어보고 싶다는 바람을 이번 강의로 조금이나마 실현하셨다니 기쁩니다 ㅎㅎ Nest.js를 처음 접하셨다고 하셨지만, 구조를 이해하고 감을 잡으셨다니 강의를 만든 입장에서도 뿌듯하네요! 말씀주신 대로 Part1에는 배포가 포함되어 있지 않아 아쉬움이 있으셨을 것 같은데요, Part2에 배포와 함께 더욱 완성도 높은 포트폴리오를 구성하실 수 있도록 최대한 잘 준비해보겠습니다. 기대해 주세요! 😊 다시 한 번 소중한 수강평 감사드립니다!
우푸
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
71% đã tham gia
Part1과 Part2를 함께 구매했습니다. 실무자로써 현재 회사에 도입할 기술력을 모색 중 nest와 next 프레임워크를 사용한 기술이 필요하여 도입하려 합니다. 강의를 통하여 여러 기술들을 알게되고 접목시키고 있습니다. 흐름도 좋고, 사용하는 라이브러리들이나 어떻게든 되는 프로젝트가 아니라, 효율적으로 개발/관리/운영에 직접적인 영향을 주는 구성 이라고 생각하여 강의는 만점 중 백만점 입니다. 좋은 강의에 감사드립니다. 근데 선생님... 선생님이 알고 계시는 것을 저희 수강생들은 모르기 때문에 배우고싶기에 강의를 듣고 있지요... 이 강의는 초급이 아니옵니다... 수강하시는 대부분은 아마 공식문서를 보아도 "도대체 내가 뭘 봐야 하나?" 라는 생각을 해요.. 잘 모르니까요...ㅎ 갑자기 "이 부분이 이 부분을 대체하니까 지우겠습니다." 라는 말씀을 하시면 수강생 대부분은 이 부분과 이 부분이 도대체 뭔지를 한참 생각해야 하고, 찾아내는 것에 굉장히 힘듬을 느끼게 되는 거 같아요.. 선생님의 강의가 좋습니다. 제가 필요로 하는 것, 제가 원하는 것들을 전부 구성해주고 계세요. 조.. 조금만, 아주 조금만요. 아직 혼자 숨쉬는 것도 잘 못하는 "못난 감자"들이 수강하고 있다고 생각해주시면 감사하겠습니다.
- 로펀
  Giảng viên
  좋은 의견 남겨주셔서 감사합니다! 말씀주신 내용을 반영해서 초보자 분들도 비교적 더 쉽게 따라오실 수 있도록 노력하겠습니다 :) 궁금하신 점이나 막히시는 부분이 있다면 언제든지 슬랙으로 문의 부탁드립니다. 완강까지 화이팅입니다!
찬우 이
Đánh giá 2
∙
Đánh giá trung bình 5.0
Đã chỉnh sửa
5
100% đã tham gia
저는 프론트엔드 개발자가 되기 위해 공부 중인데, 이전에 로펀님의 supabase 강의를 듣고 많은 도움이 되어 이번 클론코딩 강의도 수강하게 되었습니다. 팀 프로젝트를 할 때 백엔드 분께 API를 받아 스웨거를 참고해 프론트 코드를 작성하면서, 항상 백엔드에서는 어떤 로직으로 데이터가 흘러가는지 궁금했는데, 이번 강의를 통해 그 흐름을 직접 경험해볼 수 있어서 정말 유익했습니다. NestJS, Prisma 등 처음 접하는 기술도 많아 어려운 부분이 있었지만, 강사님이 실무에서 자주 쓰는 최신 기술들을 잘 설명해주시고 노션에도 정리가 잘 되어 있어 따라가기가 수월했습니다. Shadcn UI, TailwindCSS, S3 등 여러 도구를 활용해보는 과정도 흥미로웠고, 실무에서 바로 쓸 수 있는 팁과 노하우를 많이 배울 수 있었습니다. 특히, 프론트와 백엔드가 어떻게 연결되고 전체적으로 어떤 구조로 동작하는지 직접 구현해보면서 풀스택 개발에 대한 이해도가 확실히 높아졌습니다. 포트폴리오로 활용할 만한 완성도 높은 프로젝트를 만들고 싶은 분이나, 실무 지향적인 풀스택 개발을 배우고 싶은 분들에게 이 강의를 추천합니다!
- 로펀
  Giảng viên
  소중한 수강평 감사합니다 찬우님! 강의가 유익했다고 해주시니 많이 보람차네요 ㅎㅎ 끝까지 수강하시느라 너무 수고 많으셨습니다. 행복한 하루 보내시길 바랍니다! :)
Rach
Đánh giá 6
∙
Đánh giá trung bình 5.0
Đã chỉnh sửa
5
100% đã tham gia
🎯프론트엔드 개발자도 부담 없이 풀스택 흐름을 익힐 수 있는 강의 프론트엔드 개발을 하면서 백엔드 지식의 필요성을 느껴 이전에 "프론트 개발자를 위한 백엔드 101" 강의를 수강했는데, 만족도가 높아 이번 강의도 바로 이어서 듣게 되었습니다. 이 강의는 단순한 기능 구현을 넘어서, Next.js 15, NestJS, Prisma, React Query, TailwindCSS, Cursor AI, Jotai 등 최신 기술 스택의 이론을 먼저 짚고 넘어가주기 때문에 초급자도 충분히 따라갈 수 있는 구성이었습니다. 실제 서비스를 클론하면서 하나하나 기능을 구현해보니, 프론트엔드 개발자로서 백엔드 흐름을 함께 이해하고 싶은 분들에게 매우 적합한 강의라고 느꼈습니다. 특히 인상 깊었던 부분은 ✅ Prisma를 활용한 API 구현과 PostgreSQL 기반의 데이터베이스 모델링 ✅ Swagger + OpenAPI 기반의 자동화된 백엔드 호출 구조 구성 ✅ AWS S3 + CloudFront 기반의 영상 스트리밍 업로드 시스템 구축 등 실무에서 바로 써먹을 수 있는 수준의 구체적인 구현 내용이 많았다는 점입니다. 또한, 학습 중 궁금한 점이나 피드백이 필요한 부분은 Slack 채널을 통해 질문을 남기면 답변을 받을 수 있어 학습 환경도 매우 만족스러웠습니다. 다만 아쉬운 점은 CKEditor 관련 이슈로 인해 영상 순서가 매끄럽지 못한 부분이 있었던 점입니다. 큰 흐름에는 지장이 없지만, 조금 헷갈렸습니다. 👉 프론트엔드에서 백엔드까지 아우르는 프로젝트 경험을 쌓고 싶은 분들에게 적극 추천드리는 강의입니다. ⭐⭐⭐⭐⭐ 실무 감각, 기술 스택, 클론 대상 모두 만족스러웠습니다.
조내일
Đánh giá 15
∙
Đánh giá trung bình 4.7
Đã chỉnh sửa
5
100% đã tham gia
Next.js 기반이라 익숙하게 시작할 수 있었고, NestJS랑 Prisma는 처음이었지만 흥미롭게 다뤄볼 수 있었어요. 실제 서비스 같은 클론 프로젝트라 실무 감각도 키울 수 있어서 만족스러웠어요! Part 2도 기대됩니당! 😊
- 로펀
  Giảng viên
  소중한 수강평 감사합니다 조내일님! Next.js에 익숙한 분들이라면 시작이 조금 더 수월하셨을 텐데, NestJS와 Prisma도 잘 따라와 주셔서 다행이에요 ㅎㅎ 클론 프로젝트가 실제 흐름을 익히는 데 도움이 되었다니 뿌듯합니다. Part 2도 더 알차게 준비 중이니 기대해주세요 😊

3.467.728 ₫

Khóa học khác của lopun

Hãy khám phá các khóa học khác của giảng viên!

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

Basic

Next.js, supabase, TailwindCSS

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기

로펀

🔥 강의 수강부터 결제, 배포까지 수강생이 겪는 전 과정을 그대로 구현해보는 실전 풀스택 강의입니다. 강의 탐색, 상세페이지, 수강신청, 영상 시청, 수강평과 질문, 장바구니 및 실결제, 이어보기, Docker + AWS 배포까지 모두 직접 만들며, 실제 서비스에 가까운 사용자 흐름과 구조 설계를 익히고 고급 풀스택 경험을 완성합니다.

Basic

AWS, Docker, Next.js

인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기

로펀

프론트 개발자를 위한 백엔드 101 (NestJS, TypeORM)

로펀

가장 빠르게 백엔드를 입문하게 도와주는 NestJS! 여러 실습 프로젝트를 통해 백엔드 프레임워크인 NestJS와 TypeORM, 그리고 서버 개발자라면 꼭 알아야 할 필수 이론 지식까지 속성으로 배우게 됩니다.

Basic

NestJS, TypeORM, PostgreSQL

프론트 개발자를 위한 백엔드 101 (NestJS, TypeORM)

로펀

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

풀스택 개발에 날개를 달아줄 Supabase! Firebase의 상위호환인 Supabase로 풀스택 개발을 2시간만에 완성합니다.

Basic

PostgreSQL, Next.js, TailwindCSS

[풀스택 입문] Firebase보다 10배 좋은 Supabase

로펀

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

이 24시간 튜토리얼에서는 자신만의 유튜브 클론을 만드는 방법을 배우게 됩니다. Next 15와 React 19(tRPC 포함), 서버 컴포넌트에서의 프리페칭, 클라이언트 컴포넌트에서의 서스펜스 활용, 비디오 처리, 백그라운드 작업, AI 기능 등 고급 주제들을 다룰 것입니다.

Basic

Next.js, React, PostgreSQL

Next.js 15로 완성하는 실전 YouTube 클론 개발

antonio

인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기

로펀

Basic

AWS, Docker, Next.js

인프런 클론코딩 Part 2: 수강부터 배포까지, 진짜 인프런 완성하기

로펀

next 14.2 최신버전 공식문서 파먹기

더코딩클럽

현업에서 일해야만 알 수 있는 Next.js 의 특별한 기술이 있는게 아닙니다. Next 최신 공식문서를 토대로 설명 드립니다.

Basic

Next.js

next 14.2 최신버전 공식문서 파먹기

더코딩클럽

Next.js 15: Full-Stack Development

구멍가게코딩단

전통적인 React 개발 방식과 Next.js를 이용해서 개발하는 방식은 전혀 다릅니다. 이 강의는 최신 Next.js 15의 핵심을 꿰뚫고, '진짜' Next.js다운 개발 방식을 알려드립니다. 취업 포트폴리오부터 실무 프로젝트까지, 성능과 효율을 모두 잡는 방법을 경험하세요. Next.js 스럽게 개발 합시다! Next.js의 기능을 어떻게 적용해야하는지 실제 예제를 만들면서 몸으로 배울 수 있도록 구성되었습니다. 서버 컴포넌트를 중심으로 보고 서버 액션과 캐싱 전략등을 이론보다는 실제로 코드를 통해서 더 빠르게 학습합니다. 강의의 목표는 최대한 빨리 Next.js의 분위기를 따라가는 것이 때문에 강의 자체는 JavaScript를 이용해서 진행합니다. 하지만 각 강의의 예제는 Typescript로 제작된 것을 추가로 수업자료로 제공합니다.

Basic

JavaScript, React, JPA

Next.js 15: Full-Stack Development

구멍가게코딩단

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

Intermediate

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (한국어 더빙)

ludgi

실전! Django 입문 [최신 5.2 버전]

신동현

Django 핵심 개념과 주요 기능에 대해 상세하게 알아보고, DRF를 통한 API 개발 방법과 AWS를 활용한 배포까지 Django 웹 개발의 모든 것을 다룹니다.

Beginner

Python, Django, AWS

실전! Django 입문 [최신 5.2 버전]

신동현

다양한 프레임워크로 구축하는 포트폴리오 사이트 개발 마스터 클래스

webstoryboy

Vite, React, Vue, 그리고 Next.js를 사용하여 멋진 포트폴리오 사이트를 만드는 방법을 소개합니다. 여러 가지 프레임워크를 활용해 실무 수준의 프론트엔드 개발 능력을 향상시키고자 하는 개발자들에게 적합합니다.

Basic

포트폴리오, React, Vue.js

다양한 프레임워크로 구축하는 포트폴리오 사이트 개발 마스터 클래스

webstoryboy

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

1년간 300여명의 개발자를 배출한 ‘진짜’ 부트캠프의 고농축 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [인프런X코드캠프]가 준비했습니다 :)

Beginner

React, Next.js, GraphQL

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드캠프

비전공자도 이해할 수 있는 AWS 중급/실전 (보안, 가용성편)

JSCODE 박재성

비전공자 입장에서도 쉽게 이해할 수 있고, 실전에서 바로 적용 가능한 'AWS 중급/실전' 강의를 만들어봤습니다!

Basic

AWS, devops, infrastructure

비전공자도 이해할 수 있는 AWS 중급/실전 (보안, 가용성편)

JSCODE 박재성

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

Basic

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

Kyo

리액트 네이티브를 이용해서 나만의 맛집 기록앱을 개발하고 출시하는 과정을 배우게 됩니다. 디자인부터 프론트 및 백엔드 개발, 배포까지 전 과정을 준비했어요.

Intermediate

React Native, TypeScript, NestJS

[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

Kyo

안정적인 수익 내는 코인 자동매매 봇 만들기 - 그리드전략 편

코딩강사

그리드 매매 전략을 코인 자동매매 시스템을 직접 개발하고 실거래에 적용해보는 실전 중심의 강의입니다. 업비트 API를 활용한 실전 매매 실습과 클라우드 배포를 통한 24시간 자동 매매 봇을 만들며, 박스권 실전 전략을 설명하고 있습니다.

Beginner

Python, AWS, Pandas

안정적인 수익 내는 코인 자동매매 봇 만들기 - 그리드전략 편

코딩강사

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

Intermediate

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

개발자들 사이에서 통하는 바이브코딩 – 실무형 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

Intermediate

React, Next.js, cursor

개발자들 사이에서 통하는 바이브코딩 – 실무형 (Cursor AI, Figma)

코드캠프

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

최태현

Java와 Spring Boot, JPA, MySQL, AWS를 이용해 서버를 개발하고 배포합니다. 웹 애플리케이션을 개발하며 서버 개발에 필요한 배경지식과 이론, 다양한 기술들을 모두 학습할 뿐 아니라, 다양한 옵션들의 의미, Spring Boot의 역사와 가장 최신 버전의 변경점들도 짚어봅니다.

Basic

Java, Spring Boot, Spring

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

최태현

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

Basic

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

대세는 쿠버네티스 (초급~중급편)

일프로

[Update 2025.04] 이론과 실습으로 가성비 있게 쿠버네티스에 대한 실력을 높여 보세요. 이 강좌를 통해 여러분도 대세에 쉽게 편승할 수 있게 됩니다.

Basic

Docker, Kubernetes, devops

대세는 쿠버네티스 (초급~중급편)

일프로

Terraform 배포 가이드

싸플

현 시점 코드형 인프라스트럭처(IaC) 끝판왕 Terraform! Azure 서버에 Github Action을 사용해 자동 배포를 완성해봅시다

Basic

Terraform, Docker, Kubernetes

Terraform 배포 가이드

싸플

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

빠른 실행과 검증의 시대, 바이브 코딩으로 누구보다 빠르게 실행하세요! 광고, 결제 등 수익화까지 빼놓지 않고 내 손으로 이루어 보세요.

Beginner

React, 웹앱, Next.js

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

공식문서로 배우는 실전 타입스크립트

어쩔코딩

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

Beginner

TypeScript, JavaScript, ES6

공식문서로 배우는 실전 타입스크립트

어쩔코딩

Inflearn clone coding Part 1: Dự án thực tế bắt đầu với Next.js và NestJS

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

🚀

Lần đầu tiên tại Hàn Quốc!

Next.js 15 + Khóa học lập trình NestJS Full Stack Clone

Bạn có phải là học sinh hiện đang đi học không?

🔗 Giảm giá cho sinh viên (-40%) Liên kết biểu mẫu Google 🔗

🔥 Giảm giá cho người đặt mua sớm để chào mừng sự ra mắt của Phần 2 🔥

👉 Đến Phần 2 👈

Trong bài giảng này, bạn sẽ:

Sự kết hợp đầy đủ mạnh mẽ của NextJS và NestJS

Thông qua Prisma , một ORM nóng

Tạo Inflearn của riêng tôi

Trở thành một lập trình viên full-stack với nền tảng vững chắc!

“ Đừng chụp ảnh nữa! Hãy trải nghiệm full stack thực sự .”

🧩 Next.js + NestJS = Sự kết hợp ngôn ngữ đơn tốt nhất

🤔 Tại sao lại là "Dự án nhân bản Inflearn" ?

💡 Phần 1 Giới thiệu

🚀

Mọi người tham gia khóa học này

Đây chính là kết quả thực sự sẽ được hoàn thành.

🥇 Đầu tiên của Hàn Quốc! Next.js 15 × NestJS Thực hành Hoàn thiện Full Stack

🧑🏻‍💻 "Mini Inflearn" của riêng tôi do tôi tạo ra

🎥 Từ tải video lên đến phát trực tuyến

🎨 Giao diện người dùng đẹp, phát triển nhanh

🏠

Tất cả những điều này đều có trong một công nghệ thực tế.

Chúng tôi đang hoàn thiện nó một cách vững chắc

프론트엔드

백엔드 · 인프라

🎯

Tôi thực sự muốn giới thiệu điều này tới những người này!

✅

Chúng ta học điều này trong lớp

🧑‍🎓

Qua lớp học Bạn có thể có được những thứ này

🧰

Cấu trúc bài giảng

🧩

Chuẩn bị trước khi vào lớp

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học khác của lopun

Khóa học tương tự

`프론트엔드`

`백엔드 · 인프라`

Qua lớp học
Bạn có thể có được những thứ này

Khuyến nghị cho
những người này

Xin chào
Đây là