🔥 강의 등록부터 영상 업로드까지, 지식공유자 기능을 그대로 구현해보는 실전 풀스택 강의입니다. Next.js 15와 NestJS를 활용해 강의 생성, 커리큘럼 구성, 썸네일 및 영상 업로드, 상세 소개 작성까지 실제 인프런 흐름을 따라 만들며, Prisma 모델링, JWT 인증, S3 + CloudFront 업로드, Swagger API 설계 등 실무에 가까운 경험을 쌓을 수 있습니다.
최신 풀스택 개발 흐름 (Next.js 15, NestJS, Prisma)
포트폴리오로 활용 가능한 ‘나만의 인프런’ 플랫폼 완성
강의 등록, 수정, 영상 업로드, 커리큘럼 편집 등 실서비스 기능 전반 개발
Shadcn UI + TailwindCSS + Cursor AI로 실무 수준의 감각적인 UI 제작
Swagger + OpenAPI 기반 자동화된 백엔드 호출 구조 구성
Prisma로 데이터베이스 모델링하고 PostgreSQL 기반 구조 설계하기
S3 + CloudFront 기반 스트리밍 업로드 시스템 구축
프론트엔드
Next.js 15 – 최신 프론트엔드 프레임워크
TailwindCSS – 빠르게 스타일을 입힐 수 있는 CSS 라이브러리
Shadcn/UI – 실전용 UI 컴포넌트 라이브러리
React Query – 서버 데이터 캐싱 및 요청 상태 관리 라이브러리
Jotai v2 – 직관적인 전역 상태 관리 도구
백엔드 · 인프라
NestJS – 백엔드 API 서버 프레임워크
Prisma – 안전하고 편리한 DB 연결용 ORM
PostgreSQL – 확장성과 안정성을 갖춘 관계형 데이터베이스
Docker – 일관된 개발·배포 환경 구성 도구
AWS S3 / CloudFr
ont – 강의 영상 저장 및 빠른 전송을 위한 클라우드 인프라
단순한 투두앱에서 벗어나
제대로 된 서비스를
만들고 프론트엔드 개발자
포트폴리오로
바로 활용 가능한 프로젝트가
필요한 이직·취업 준비생
강의 플랫폼과 같은
실서비스를 만들고 싶은
1인 개발자
총 7개의 섹션, ~15시간 분량, ~50개 강의 (평생 업데이트)
GitHub 예제 코드 및 참고자료 제공
완성된 프로젝트는 포트폴리오로 사용 가능
학습 대상은
누구일까요?
블로그, 투두앱은 그만! 서비스 전반을 직접 구현해보고 싶은 프론트엔드 개발자
NestJS 백엔드 설계를 실전으로 익히고 싶은 주니어~미들 개발자
이직, 포트폴리오를 위한 완성도 높은 프로젝트가 필요한 취준생
강의 하나로 실전 스택을 A to Z로 익히고 싶은 실무 지향 수강생
단일 언어 기반의 풀스택 구조를 처음부터 끝까지 익히고 싶은 실무 지향 수강생
선수 지식,
필요할까요?
HTML/CSS/JS 기본 문법
React 기초 사용 경험
3,479
명
수강생
176
개
수강평
64
개
답변
4.9
점
강의 평점
6
개
강의
🚀 “핫한 스택으로 실전 서비스를 만드는 과정을 숨김없이 보여드립니다.”
이론보다는 프로젝트 위주의 실무 강의로 현업에 바로 도움이 될 수 있는 내용을 제공합니다.
(현) 네카라쿠배 재직
(현) 7년차 풀스택 개발
(강의) 스파르타 코딩클럽 강사
(교육) 한국과학기술원(KAIST) 전산학과 졸업
전체
55개 ∙ (14시간 42분)
해당 강의에서 제공:
전체
23개
4.9
23개의 수강평
수강평 9
∙
평균 평점 5.0
수정됨
5
Tôi là nhà phát triển frontend, vốn muốn thử sức với backend, nên nhớ lại đã học tốt khóa fullstack Next.js của 로펀님, tôi đã đăng ký khóa học này. Cá nhân tôi muốn thử xây dựng một trang web như Inflearn, đã từng chính thức hỏi xin được phép crawl dữ liệu khóa học của Inflearn nhưng đã bị từ chối, tôi nghĩ mình đã có thể thực hiện mong muốn của mình với khóa học này. Là người lần đầu tiếp xúc với Nest.js, đây là khóa học giúp tôi hình dung được cách cấu trúc dự án khi thực hiện, cũng bao gồm phần lập kế hoạch "Inflearn 프로덕트 둘러보기" nên tôi có thể suy nghĩ về kiến trúc và cấu trúc. Hơi tiếc vì Part1 không bao gồm phần triển khai (deployment), nhưng nếu Part2 ra mắt sớm, tôi muốn có một portfolio hoàn chỉnh kèm theo phần triển khai. 😊😊
Anh Chi Hyun, xin chân thành cảm ơn vì bài đánh giá chi tiết của anh ạ! Em rất vui khi khóa học này đã giúp anh phần nào hiện thực hóa mong muốn tự tay xây dựng một trang web giống như Inflearn 😊😊 Dù anh mới tiếp xúc với Nest.js lần đầu, việc anh đã hiểu được cấu trúc và nắm bắt được nó khiến em, người tạo ra khóa học này, cảm thấy rất tự hào! Đúng như anh đã đề cập, Part 1 không bao gồm phần triển khai (deployment) nên em đoán anh có chút tiếc nuối. Em sẽ cố gắng chuẩn bị thật tốt cho Part 2 để anh có thể xây dựng một portfolio hoàn chỉnh hơn cùng với phần triển khai. Hãy mong chờ nhé! 😊 Một lần nữa, xin chân thành cảm ơn bài đánh giá quý báu của anh ạ!
수강평 3
∙
평균 평점 5.0
5
Tôi đã mua cả Part1 và Part2. Với tư cách là một người làm thực tế, hiện tại đang tìm kiếm công nghệ để đưa vào công ty, tôi cần công nghệ sử dụng framework nest và next nên định đưa vào sử dụng. Thông qua khóa học, tôi đã biết được nhiều công nghệ và đang áp dụng chúng. Luồng xử lý tốt, các thư viện được sử dụng và đây không phải là dự án làm sao cũng được, mà là cấu trúc có tác động trực tiếp đến việc phát triển/quản lý/vận hành một cách hiệu quả, nên tôi cho rằng khóa học này được một triệu điểm trên thang điểm tối đa. Cảm ơn khóa học tuyệt vời này. Nhưng thầy ơi... Những gì thầy biết thì chúng em học viên không biết nên mới muốn học và đang nghe khóa học này... Khóa học này không phải là cấp độ sơ cấp... Phần lớn những người học có lẽ khi xem tài liệu chính thức cũng nghĩ rằng "Chính xác thì tôi phải xem cái gì đây?".. Vì không biết rõ...😊 Khi thầy đột nhiên nói "Phần này thay thế cho phần kia nên tôi sẽ xóa nó đi." thì phần lớn học viên phải suy nghĩ lâu về việc phần này và phần kia chính xác là gì, và có vẻ như cảm thấy rất khó khăn trong việc tìm ra.. Khóa học của thầy rất tốt. Thầy đang cấu trúc tất cả những gì tôi cần, những gì tôi mong muốn. Chỉ... chỉ một chút thôi, chỉ một chút xíu thôi ạ. Xin thầy hãy nghĩ rằng những "củ khoai tây tệ hại" vẫn chưa biết thở một mình cho tốt đang học khóa này thì em sẽ rất biết ơn ạ.
Cảm ơn bạn đã để lại ý kiến tốt! Tôi sẽ cố gắng phản ánh nội dung bạn đã nói để những người mới bắt đầu cũng có thể theo dõi dễ dàng hơn :) Nếu có điều gì thắc mắc hoặc gặp khó khăn, hãy liên hệ qua Slack bất cứ lúc nào. Chúc bạn hoàn thành khóa học thành công!
수강평 2
∙
평균 평점 5.0
수정됨
5
저는 프론트엔드 개발자가 되기 위해 공부 중인데, 이전에 로펀님의 supabase 강의를 듣고 많은 도움이 되어 이번 클론코딩 강의도 수강하게 되었습니다. 팀 프로젝트를 할 때 백엔드 분께 API를 받아 스웨거를 참고해 프론트 코드를 작성하면서, 항상 백엔드에서는 어떤 로직으로 데이터가 흘러가는지 궁금했는데, 이번 강의를 통해 그 흐름을 직접 경험해볼 수 있어서 정말 유익했습니다. NestJS, Prisma 등 처음 접하는 기술도 많아 어려운 부분이 있었지만, 강사님이 실무에서 자주 쓰는 최신 기술들을 잘 설명해주시고 노션에도 정리가 잘 되어 있어 따라가기가 수월했습니다. Shadcn UI, TailwindCSS, S3 등 여러 도구를 활용해보는 과정도 흥미로웠고, 실무에서 바로 쓸 수 있는 팁과 노하우를 많이 배울 수 있었습니다. 특히, 프론트와 백엔드가 어떻게 연결되고 전체적으로 어떤 구조로 동작하는지 직접 구현해보면서 풀스택 개발에 대한 이해도가 확실히 높아졌습니다. 포트폴리오로 활용할 만한 완성도 높은 프로젝트를 만들고 싶은 분이나, 실무 지향적인 풀스택 개발을 배우고 싶은 분들에게 이 강의를 추천합니다!
Cảm ơn bạn Chanwoo vì nhận xét khóa học quý báu! Bạn nói rằng khóa học hữu ích, điều đó làm tôi rất ý nghĩa 😊😊. Bạn đã rất cố gắng để hoàn thành khóa học. Chúc bạn một ngày tốt lành! :)
수강평 6
∙
평균 평점 5.0
수정됨
5
🎯Khóa học giúp lập trình viên Frontend dễ dàng nắm bắt luồng Full Stack Khi phát triển Frontend, tôi cảm thấy cần thiết phải có kiến thức về Backend, nên trước đó tôi đã tham gia khóa học "Backend 101 cho lập trình viên Frontend". Vì cảm thấy rất hài lòng nên tôi đã tiếp tục học ngay khóa này. Khóa học này không chỉ đơn thuần là triển khai chức năng, mà còn đi sâu vào lý thuyết về các công nghệ mới nhất như Next.js 15, NestJS, Prisma, React Query, TailwindCSS, Cursor AI, Jotai, v.v., giúp cả người mới bắt đầu cũng có thể theo kịp. Khi tự tay triển khai từng chức năng thông qua việc clone một dịch vụ thực tế, tôi cảm thấy đây là một khóa học rất phù hợp cho những lập trình viên Frontend muốn hiểu rõ luồng Backend. Đặc biệt, những phần gây ấn tượng mạnh là: ✅ Triển khai API sử dụng Prisma và mô hình hóa cơ sở dữ liệu dựa trên PostgreSQL ✅ Cấu hình cấu trúc gọi Backend tự động dựa trên Swagger + OpenAPI ✅ Xây dựng hệ thống tải lên video streaming dựa trên AWS S3 + CloudFront Có rất nhiều nội dung triển khai cụ thể ở mức độ có thể áp dụng ngay vào thực tế. Ngoài ra, trong quá trình học, tôi có thể đặt câu hỏi về những điểm thắc mắc hoặc cần phản hồi qua kênh Slack và nhận được câu trả lời, nên môi trường học tập cũng rất đáng hài lòng. Tuy nhiên, một điểm đáng tiếc là có những đoạn video không liền mạch do vấn đề liên quan đến CKEditor. Điều này không ảnh hưởng lớn đến mạch kiến thức chung, nhưng khiến tôi hơi bối rối một chút. 👉 Đây là khóa học tôi rất khuyến khích cho những ai muốn tích lũy kinh nghiệm dự án bao gồm cả Frontend và Backend. ⭐⭐⭐⭐⭐ Tôi hài lòng về cảm giác thực tế, bộ công nghệ và đối tượng clone.
수강평 15
∙
평균 평점 4.7
수정됨
월 ₩693,546
5개월 할부 시
₩165,000
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
![[Hoàn thành Full-stack] nhân bản 3 website với Supabase (Next.js 14)Course Thumbnail](https://cdn.inflearn.com/public/courses/332907/cover/2975d3d7-5dcc-4e2a-977c-98b11134cfb6/332907.jpg?f=avif&w=420)
![[Nhập môn Fullstack] Supabase tốt gấp 10 lần so với FirebaseCourse Thumbnail](https://cdn.inflearn.com/public/courses/334439/cover/9e628f60-3721-4d03-b36d-a577593b96fd/334439.jpg?f=avif&w=420)
![[Làm mới] Tạo ứng dụng bản đồ nhà hàng ngon (React Native & NestJS)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/332375/cover/01k3x8ecea6jym1d28qcc6zcds?f=avif&w=420)
![[Code Factory] [Cơ bản] Khóa học hoàn chỉnh về NestJS REST API Backend - NestJS CoreCourse Thumbnail](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?f=avif&w=420)
