Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)

Name: Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)
Price: 39600 KRW
Rating: 5 (2 reviews)

Full course Next.js nhúng! Hoàn thành dự án thực tế với các công nghệ mới nhất như GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, Grafana và trải nghiệm cả App Router lẫn Page Router.

(5.0) 2 đánh giá

51 học viên

ludgi

실행방법

tts

Next.js

React

GraphQL

Prisma

AWS

Bạn sẽ nhận được điều này sau khi học.

Sử dụng Next.js App Router
Tự động hóa liên kết dữ liệu với GraphQL và TanStack Query
Tự động hóa quy trình làm việc GraphQL hiệu quả bằng cách tận dụng CLI
Quản lý cơ sở dữ liệu với PostgreSQL và Prisma
Sử dụng TanStack Query (React Query)
React Hook Form và xác thực dữ liệu
Quản lý trạng thái bằng zustand
Lưu trữ dữ liệu bằng Redis
Xây dựng hệ thống hàng đợi tin nhắn với RabbitMQ
Tự động hóa cấu hình môi trường bằng Docker Compose
Thiết kế UI/UX với TailwindCSS và Shadcn
Tự động hóa kiểm thử với Cypress
Tài liệu hóa các thành phần UI bằng Storybook
URL được ký trước của AWS
Quản lý phiên bằng Iron Session
Quản lý phiên bằng Redis

Khóa học Next.js tập trung vào thực hành với nhiều ví dụ khác nhau 🚀

Bài giảng này không chỉ là một bài giảng lý thuyết đơn thuần. Đây là khóa học thực hành, nơi bạn sẽ tìm hiểu tất cả về các công nghệ web mới nhất thông qua các ví dụ có thể áp dụng trực tiếp vào các dự án thực tế .

Dựa trên Next.js và React , chúng tôi sử dụng nhiều ngăn xếp công nghệ thực tế như GraphQL, Prisma, TanStack Query, Redis và RabbitMQ.
Mọi nhiệm vụ phức tạp đều được tự động hóa! Bạn có thể thiết lập một bộ trình phân giải GraphQL và tích hợp API chỉ trong vài giây bằng công cụ CLI của chúng tôi.
Trải nghiệm mọi thứ từ thiết lập môi trường phát triển bằng Docker Compose đến triển khai đám mây bằng AWS.
Nó bao gồm toàn diện các yếu tố cốt lõi của dịch vụ web , bao gồm xử lý dữ liệu thời gian thực, quản lý phiên (Iron Session), SSR và tối ưu hóa SEO.

Nếu bạn cảm thấy chán các hướng dẫn đơn giản, hãy thử trải nghiệm thực tế bằng cách triển khai các tính năng sẵn sàng đưa vào sản xuất dựa trên nhiều ví dụ khác nhau . Sau khi hoàn thành khóa học, bạn sẽ tự tin xử lý được một loạt công nghệ toàn diện có thể áp dụng ngay vào công ty khởi nghiệp của mình!

💡 Khóa học này tập trung vào việc tìm hiểu về công nghệ và quy trình làm việc cần thiết trong môi trường khởi nghiệp cho các dự án dựa trên Next.js (15+) và React (19) . Đặc biệt, nó cung cấp nhiều công nghệ và phương pháp phát triển hiệu quả có thể áp dụng ngay vào thực tế.

Bối cảnh lập kế hoạch
Trong môi trường khởi nghiệp, bạn cần chuẩn bị sản phẩm để đưa vào sản xuất nhanh chóng. Khóa học này bao gồm tự động hóa thông qua các công cụ CLI , tích hợp GraphQL và TanStack Query và xử lý dữ liệu thời gian thực với Redis và RabbitMQ để đáp ứng các nhu cầu này.
Nó được thiết kế sao cho ngay cả những kỹ năng phức tạp cũng có thể được học từng bước thông qua các bài tập đơn giản và rõ ràng.
Công cụ và kỹ thuật được sử dụng
Chúng tôi sử dụng nhiều ngăn xếp thực tế khác nhau như Next.js (15+), React (19), Prisma, Docker Compose, GraphQL, TanStack Query, Redis, RabbitMQ, Iron Session, v.v.
Sự cân bằng giữa lý thuyết và thực hành
Bài giảng này không chỉ là một bài giảng lý thuyết đơn thuần. Nó được thiết kế để giúp bạn dễ dàng triển khai các chức năng có thể sử dụng trong sản xuất thực tế và giúp bạn học các từ khóa cốt lõi để có thể tự tin sử dụng chúng trong thực tế.
Ngày nay, các công cụ AI như ChatGPT có thể giúp bạn cải thiện các tác vụ phức tạp chỉ bằng những từ khóa mà bạn đã biết. Vì vậy, khóa học này tập trung vào việc tìm ra những điều bạn không biết và học các từ khóa bạn cần .
Kiến thức và dự án bạn có được thông qua các bài giảng sẽ ở mức đủ sức cạnh tranh trong lĩnh vực này và bạn sẽ có thể đạt được những kết quả tương đương với những kết quả bạn tạo ra trong sản phẩm của mình .
Khó khăn
Khóa học này dành cho người học ở trình độ trung cấp hoặc cao hơn , có kiến thức cơ bản về React và TypeScript.
Tuy nhiên, chúng tôi đã cấu trúc nó sao cho bạn có thể hiểu bằng cách làm theo các ví dụ từng bước ngay cả khi bạn không có bất kỳ kinh nghiệm thực tế nào.

Các tính năng của khóa học này

📌 Tìm hiểu một công nghệ có thể áp dụng ngay vào thực tế thông qua nhiều ví dụ khác nhau.
Chúng tôi chia sẻ các công nghệ và quy trình làm việc có thể tối đa hóa hiệu quả và năng suất cần thiết trong môi trường khởi nghiệp.

📌 Tối đa hóa khả năng tự động hóa và năng suất bằng CLI.
Tự động tạo một bộ trình phân giải GraphQL và tích hợp API, giúp bạn dễ dàng duy trì cấu trúc mã tuân theo các quy ước.

📌 20% lý thuyết, 80% thực hành.
Tôi tự mình viết toàn bộ mã, tập trung vào các dự án ở cấp độ sản xuất và xác minh rằng nó hoạt động như mong đợi.

📌 Cấu hình có thể sử dụng ngay trong các dịch vụ thực tế.
Dựa trên Next.js (15+) và React (19), bạn sẽ tìm hiểu các công nghệ được sử dụng rộng rãi trong các công ty khởi nghiệp và thực tế, chẳng hạn như Redis, RabbitMQ, Prisma và Docker Compose.

📌 Khóa học này dành cho người học ở trình độ trung cấp.
Cần có hiểu biết cơ bản về React và TypeScript. Sự tiến bộ không khó. Chúng tôi giúp bạn nhận ra những điều bạn “không biết”.

12. URL được chỉ định trước và tích hợp CloudFront
Bao gồm việc tải lên và truy cập tệp an toàn bằng cách sử dụng URL được chỉ định trước. Từ việc thiết lập thùng S3 đến quản lý nhóm người dùng, thiết lập chính sách và CORS và liên kết tên miền GoDaddy với AWS Route 53. Ngoài ra, bạn sẽ học cách cấp chứng chỉ SSL, tích hợp với CloudFront, thiết lập tên miền phụ, sử dụng chiến lược lưu trữ đệm và xử lý việc vô hiệu hóa bộ đệm.

Môi trường thực hành

Các bài giảng được thực hiện trong môi trường Windows , nhưng bạn có thể theo dõi mà không gặp vấn đề gì trên MacOS hoặc Linux. Nếu bạn đã cài đặt Docker , bạn có thể thực hiện hầu hết các bài tập bất kể hệ điều hành của bạn là gì.

Vui lòng chuẩn bị những thông tin sau cho bài giảng:

Docker : Docker là cần thiết để thiết lập môi trường phát triển. Vui lòng tham khảo tài liệu chính thức để biết hướng dẫn cài đặt.
Trình biên tập mã :
- Cursor AI : Công cụ được khuyến nghị tốt nhất để hỗ trợ lập trình và giải quyết vấn đề nhanh chóng. Đây là trình soạn thảo mã được khuyến nghị nhiều nhất cho khóa học này, đặc biệt là vì nó có thể tối đa hóa năng suất của bạn.
- Visual Studio Code (VS Code) : Nếu bạn không có Cursor AI, bạn có thể theo dõi nội dung bài giảng mà không gặp khó khăn gì khi sử dụng VS Code.
Dịch vụ LLM (ChatGPT, Claude, v.v.) : Tôi thực sự khuyên bạn nên đăng ký một hoặc nhiều dịch vụ LLM để giúp bạn viết mã và khắc phục sự cố trong thời gian thực tập.

Kiến thức và ghi chú của người chơi
Khóa học này được thiết kế dành cho các nhà phát triển trung cấp và khuyến nghị những kiến thức tiên quyết sau để học tập suôn sẻ:

Hiểu JavaScript và TypeScript cơ bản
- Nếu bạn có kinh nghiệm sử dụng cú pháp ES6+ và TypeScript cơ bản, việc học sẽ dễ dàng.
Kinh nghiệm cơ bản khi sử dụng React
- Nếu bạn quen thuộc với cấu trúc thành phần, Props và Hooks cơ bản, bạn sẽ thấy dễ dàng hơn khi thực hiện các bài tập.
Kiến thức cơ bản về GraphQL
- Nếu bạn biết các cấu trúc truy vấn và đột biến cơ bản của GraphQL, bạn có thể tối đa hóa hiệu quả học tập.
Kiến thức cơ bản về SQL và cơ sở dữ liệu
- Nếu bạn hiểu cách viết các truy vấn SQL cơ bản và cách cơ sở dữ liệu hoạt động, bạn có thể dễ dàng học cách tích hợp Prisma với GraphQL.
Cài đặt Docker và trải nghiệm sử dụng đơn giản
- Vì bài viết này bao gồm việc thiết lập môi trường phát triển bằng Docker Compose nên bạn hãy làm quen với cách cài đặt Docker và cách sử dụng cơ bản.
Kinh nghiệm sử dụng các công cụ hỗ trợ mã hóa (Mô hình ngôn ngữ lớn, LLM) (tùy chọn)
- Nếu bạn có kinh nghiệm sử dụng các công cụ AI như ChatGPT, Claude hoặc Cursor AI, bạn sẽ thấy rằng việc giải quyết vấn đề và tiến triển thực tế sẽ nhanh hơn và hiệu quả hơn.

Sau giờ học…

Nội dung bài giảng quá dài để có thể tiếp thu hết trong một lần, nhưng nó cung cấp một công nghệ và cấu trúc dự án có thể áp dụng ngay vào thực tế .
Khi bạn hiểu được dự án này, bạn sẽ không gặp khó khăn khi phát triển các dịch vụ mới dựa trên nó hoặc áp dụng nó vào thực tế .

Sau khi học khóa học này, bạn sẽ:

Bạn có thể thiết kế và triển khai các dự án thực tế bằng cách kết hợp các công nghệ phức tạp .
Bạn có thể phát triển các dịch vụ hiệu quả và có khả năng mở rộng phù hợp với môi trường khởi nghiệp bằng cách sử dụng các công nghệ mới nhất như GraphQL, Redis, RabbitMQ và Docker.
Bạn sẽ tự tin hơn khi thêm các tính năng mới hoặc thiết kế các dịch vụ hoàn toàn mới dựa trên các dự án bạn học trên lớp.
Thay vì chỉ học bằng cách làm theo, bạn sẽ học cách xác định những gì bạn không biết và cách giải quyết .

Khóa học này không chỉ dừng lại ở việc học đơn thuần mà còn cung cấp nền tảng thực tế cho việc phát triển và mở rộng các dịch vụ trong thế giới thực . Nó sẽ nâng cao kỹ năng kỹ thuật và ý thức thực tế của bạn lên một tầm cao mới. 😊

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

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

Dành cho những ai muốn hoàn thành dự án thực tế với Next.js và React
Những ai muốn học stack công nghệ phù hợp với môi trường startup
Dành cho những ai muốn tự động hóa các tác vụ lặp đi lặp lại và tăng năng suất.
Những ai muốn có kinh nghiệm triển khai lên đám mây.
Người muốn trở thành nhà phát triển toàn diện, bao quát cả server và client
Những ai muốn học các kỹ năng có thể áp dụng trực tiếp vào thực tế công việc

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

Kiến thức cơ bản về HTML, CSS
Hiểu cú pháp cơ bản của JavaScript
Kiến thức cơ bản về React
Kiến thức cơ bản về Next.js
Hiểu cơ bản về TypeScript

Xin chào
Đây là

594

Học viên

Đánh giá

Trả lời

3.9

Xếp hạng

Các khóa học

안녕하세요, 주식회사 럿지의 대표입니다.

저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.

특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

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

Tất cả

56 bài giảng ∙ (3giờ 48phút)

Phần 1. Chào mừng!

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

1. Giới thiệu
02:17
2. Chuẩn bị học tập
00:47

Phần 2. Cấu hình môi trường

4 bài giảng ∙ (6phút)

Phần 3. Prisma và điều khiển dữ liệu

10 bài giảng ∙ (34phút)

7. Sơ lược về Prisma
01:31
8. Chạy PostgreSQL bằng Docker
01:11
9. 프로젝트 실행 및 kết nối cơ sở dữ liệu sử dụng Prisma
02:53
10. Chèn dữ liệu giả dùng tài liệu chính thức Prisma
04:00
11. Tổng hợp ví dụ sử dụng Prisma
13:53
12. Prisma를 활용한 데이터 생성 (Create)
02:18
13. Truy vấn dữ liệu sử dụng Prisma (Read)
00:55
14. Prisma: Cập nhật dữ liệu (Update)
01:37
15. Xóa dữ liệu (Delete) bằng Prisma
01:43
16. Prisma thực hành thay đổi schema: thêm bảng Comment và hoàn tác
04:22

Phần 4. Nguyên tắc cơ bản và cách sử dụng GraphQL

9 bài giảng ∙ (58phút)

Phần 5. Sử dụng React Hook Form và Kỹ thuật nâng cao

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

Phần 6. Zustand를 활용한 상태 관리

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

Phần 7. Ví dụ sử dụng TanStack Query

4 bài giảng ∙ (18phút)

Phần 8. Prisma, GraphQL, TanStack Query로 구현하는 CRUD

2 bài giảng ∙ (9phút)

Phần 9. Redis và RabbitMQ

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

Phần 10. phiên

2 bài giảng ∙ (12phút)

Phần 11. Next.js + Prometheus + Grafana: Thiết lập giám sát nhanh chóng và dễ dàng

5 bài giảng ∙ (19phút)

Phần 12. Presigned URL: Tải file lên nhẹ hơn và nhanh hơn!

9 bài giảng ∙ (26phút)

Phần 13. thưởng

2 bài giảng ∙ (12phút)

Ngày đăng:

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

Đánh giá

Tất cả

2 đánh giá

5.0

2 đánh giá

동해바다
Đánh giá 14
∙
Đánh giá trung bình 4.9
Đã chỉnh sửa
5
56% đã tham gia
강의에서 제공해준 소스가 제기준으로 좋았습니다. 그리고 영어로 설명하고 한글 자막이 나오는데.. 이건다른 의도가 있을거라 생각합니다. graphql과 express로 서버를 구성한거 같은데.. nextjs를 사용하면 저는 안쓰는 구성이라.. 그래도 역시 내용은 괜찮아 보입니다. 전체적으로 소스 활용이 깔끔하고 참조하기에 좋은 소스로 보입니다. 아직 절반밖에 안본 상태이지만.. 각 라이브러리 별로 사용법을 간략히 알려주는 소스 구성도 너무 맘에 듭니다.
- ludgi
  Giảng viên
  소중한 수강평 감사합니다! 강의를 보시면서 의도했던 부분을 잘 캐치해주셔서 저도 기분이 좋네요. 😊 앞으로도 레퍼런스로 활용하기 좋은 소스를 제공하는 방향으로 강의를 만들어갈 예정입니다. 또한, 인프런이 글로벌 플랫폼으로 확장한다는 소식을 듣고, 다른 강의들과 차별점을 두기 위해 영어 강의 형식으로도 준비해봤습니다. ㅎㅎ 다시 한 번 감사드리며, 앞으로도 좋은 강의로 찾아뵙겠습니다! 🙌
yelim song
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia

834.532 ₫

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

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

Next.js와 yolov11로 화재감지 시스템 구축하기

ludgi

Next.js, YOLOv11, FastAPI를 활용하여 실시간 화재 감지 시스템을 구축하는 방법을 배웁니다.

Basic

Next.js, yolo, Python

Next.js와 yolov11로 화재감지 시스템 구축하기

ludgi

SEO 최적화 랜딩페이지 솔루션 & 노출전략: 바이브코딩으로 완성 with Nextjs

ludgi

실전 바이브 코딩으로 회사 소개 랜딩페이지를 완성합니다. Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP 스택으로, 설계부터 배포까지 한 번에 진행합니다. 핵심은 “빠른 구현 + 검색 엔진에 잘 노출되는 SEO 기반”입니다. 🏁 강의 목표 랜딩 제작 → 성능 최적화 → SEO 반영 → 배포/인덱싱 실시간 코딩(바이브 코딩)으로 섹션별 완성본을 바로 확인 검색 반영까지 직접 체험 🛠️ 실습 스택 Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, MCP 워크플로우 🔍 SEO 실습 강사가 제공하는 SEO 최적화용 MD 파일 적용 메타데이터, OG/Twitter 카드, robots/sitemap, 구조화 데이터(JSON-LD) 다국어 라우팅 선택 적용 🎯 완성물 반응형 회사 소개 랜딩 + 문의 폼 Lighthouse 95+ 목표 Vercel 배포 후 Search Console 등록 및 인덱싱 요청 📚 이 강의로 배우는 것 히어로/신뢰/기능/FAQ 섹션을 빠르게 구성하는 법 shadcn/ui로 깔끔한 UI 구성 폼 검증과 기본 전환 추적 포인트 설계 구조화 데이터 + 다국어 라우팅으로 SEO 스코어 올리기 배포 후 Search Console을 통한 인덱싱 과정 이해 💡 현업 인사이트 (강의 특전) 단순히 코드 구현만이 아니라, 실제 시장에서 활용되는 마케팅·노출 방식도 간단히 짚어드립니다. 광고, 블로그 포스팅, 댓글 작업의 현실적인 단가 범위 외주·용역 업체들이 실제로 SEO, 노출 작업을 어떻게 진행하는지 개발자가 직접 참여했을 때와 외주를 맡겼을 때의 비용/효율 차이 이 부분을 통해 단순히 기술을 넘어서 실제 현업에서 어떻게 활용되는지, 어떤 비용 구조로 움직이는지까지 감각을 익힐 수 있습니다. 한 줄 정리 “구현 → 최적화 → 배포 → 인덱싱”의 흐름을 따라가며, 실제 검색 노출과 현업 시장 구조까지 연결되는 웹 제작 프로세스를 배웁니다.

Beginner

React, Node.js, cursor

SEO 최적화 랜딩페이지 솔루션 & 노출전략: 바이브코딩으로 완성 with Nextjs

ludgi

처음부터 만들어보는 웹 개발 입문: HTML · JavaScript · Node · DB · Next.js

ludgi

이 강의는 “최신 기술로 대단한 걸 만들자”가 아니라, “조금만 알아도 직접 만들 수 있다”는 걸 느끼게 해주는 가장 현실적인 웹 개발 입문 강의입니다. HTML과 JavaScript로 기본 구조를 만들고, Node.js와 SQLite를 이용해 데이터를 주고받으며, Next.js로 간단한 웹 페이지까지 완성해봅니다. 복잡한 설정이나 어려운 이론은 최소화하고, 실제로 작동하는 코드를 작성하면서 웹 개발의 감과 흐름을 손으로 익히는 것에 집중합니다. 이 강의는 ‘배우는 것’보다 ‘직접 해보는 경험’이 중심입니다. 조금이라도 코드를 만져본 적이 있다면, 누구나 따라 하며 완성의 성취감을 느낄 수 있습니다.

Beginner

HTML/CSS, JavaScript, Node.js

처음부터 만들어보는 웹 개발 입문: HTML · JavaScript · Node · DB · Next.js

ludgi

인프런 클론코딩으로 배우는 올인원 LMS 솔루션: Next.js·Flutter·AWS·Supabase·prisma로 구현하는 다국어 HLS 스트리밍 기반 MVP 프로젝트

ludgi

이 강의는 단순한 클론코딩이나 기초 강의가 아닙니다. 인프런(Inflearn) 같은 LMS(Learning Management System) 플랫폼을 MVP(엠 브이 피) 수준으로 처음부터 끝까지 구현하면서, 프리랜서·1인 개발자·스타트업 초기 멤버가 실무에서 바로 활용할 수 있는 올인원 솔루션을 제공합니다. Next.js, Flutter, Supabase, Firebase(FCM), AWS, Vercel, Xcode, Android Studio, ElevenLabs, 토스페이먼츠까지 실제 실무에서 사용하는 스택을 한 번에 다룹니다. 웹과 앱을 동시에 개발하고, 소셜 로그인, 다국어 자동 더빙, HLS 스트리밍 기반 강의 재생, 결제 연동, 앱스토어·플레이스토어 배포까지 전 과정을 직접 경험할 수 있습니다. 이 강의는 세세한 코드 한 줄보다는, 실무에서 중요한 흐름, 설정, 배포 과정에 중점을 두었습니다. 따라서 프리랜서로 독립하려는 개발자, 스타트업에서 빠르게 MVP를 검증해야 하는 팀, 그리고 실무 전반을 경험하고 싶은 주니어 개발자에게 적합합니다.

Intermediate

Flutter, AWS, supabase

인프런 클론코딩으로 배우는 올인원 LMS 솔루션: Next.js·Flutter·AWS·Supabase·prisma로 구현하는 다국어 HLS 스트리밍 기반 MVP 프로젝트

ludgi

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

ludgi

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

Basic

Next.js, FastAPI, whisper

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

ludgi

AI로 기획부터 개발까지! LLM 주도 Next.js 쇼핑몰 제작

ludgi

v0, cursor AI 및 각종 LLM과 함께 PRD부터 AI 상품 추천까지! 실전 프로젝트로 Next.js 쇼핑몰을 완성하세요

Basic

nextjs, ChatGPT, LLM

AI로 기획부터 개발까지! LLM 주도 Next.js 쇼핑몰 제작

ludgi

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

ludgi

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

Intermediate

React, AWS, GraphQL

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

ludgi

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

Next.js와 Tailwind CSS를 활용한 프론트엔드 입문 강의입니다. 백엔드 없이 정적 배포까지 완료하며, 초보자도 완성의 성취감을 느낄 수 있도록 설계되었습니다

Beginner

Next.js, TailwindCSS, aws-s3

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

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 풀코스 (한국어 더빙)

ludgi

Intermediate

React, AWS, GraphQL

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

ludgi

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스

Basic

Node.js, TypeScript, Prisma

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

Beginner

Next.js, TailwindCSS, aws-s3

React와 Next.js로 배우는 입문용 프론트엔드 프로젝트: Tailwind CSS와 정적 배포까지 완성하기

ludgi

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

정재남

React 기반의 간단한 SNS 서비스를 만들면서 REST API 및 GraphQL을 연습합니다. 프론트엔드 개발을 위한 백엔드 환경을 쉽고 간단하게 만드는 방법을 소개합니다.

Basic

REST API, GraphQL, React

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

정재남

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

Jiwoon Jeong

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

Basic

HTML/CSS, JavaScript, REST API

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

Jiwoon Jeong

한 입 크기로 잘라먹는 Next.js(v15)

이정환 Winterlood

한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js(15+)강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

Basic

Next.js, React, TypeScript

한 입 크기로 잘라먹는 Next.js(v15)

이정환 Winterlood

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

Basic

클론코딩, Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

Spring Boot, AWS로 백엔드 서비스 한 사이클 완성하기

한조각

스프링부트, MySQL, Docker, AWS EC2, RDS 로 백엔드 서비스의 한 사이클을 완성해봅니다. 애플리케이션 배포를 통해 성취감을 얻고, API 개발시 현업에서 서버 개발자가 마주하는 문제와 그 해결법을 다룹니다.

Basic

AWS, MySQL, Docker

Spring Boot, AWS로 백엔드 서비스 한 사이클 완성하기

한조각

[React 2부] 고급 주제와 훅

김정환

이제 리액트(React)가 진짜 ‘보이기’ 시작합니다. 고급 개념과 훅(Hooks) 가장 쉽고 정확하게 배워보세요.

Intermediate

React Context, react-hooks, React

[React 2부] 고급 주제와 훅

김정환

React(리액트) 상태관리 훅(Hook)

유용한IT학습

본 과정은 React에서 상태 관리를 효율적으로 다루기 위한 useContext와 useReducer 훅을 집중적으로 학습하는 과정입니다. 컴포넌트 간 데이터 전달의 복잡성을 줄이고, 규모 있는 애플리케이션에서 상태를 체계적으로 관리할 수 있는 방법을 실습과 함께 익힐 수 있습니다. 이를 통해 학습자는 전역 상태 관리의 기본 개념을 이해하고, 실제 프로젝트에서 바로 적용할 수 있는 실무 활용 능력을 갖출 수 있습니다.

Beginner

React, hook, react-hook-form

React(리액트) 상태관리 훅(Hook)

유용한IT학습

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

애프터캠프

React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

Intermediate

React, react-usememo, 기술면접

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

애프터캠프

인프런 클론코딩으로 배우는 올인원 LMS 솔루션: Next.js·Flutter·AWS·Supabase·prisma로 구현하는 다국어 HLS 스트리밍 기반 MVP 프로젝트

ludgi

Intermediate

Flutter, AWS, supabase

인프런 클론코딩으로 배우는 올인원 LMS 솔루션: Next.js·Flutter·AWS·Supabase·prisma로 구현하는 다국어 HLS 스트리밍 기반 MVP 프로젝트

ludgi

eks를 활용한 spring 운영서버 배포(feat. devops의 모든것)

bradkim

도메인 구매 및 eks를 활용한 springboot 운영서버 배포, docker기초, 쿠버네티스 기초, aws 기초, github actions를 통한 CI/CD자동화, argocd, 프로메테우스/그라파나 등 devops 전반에 대해 배웁니다.

Basic

AWS, Docker, Kubernetes

eks를 활용한 spring 운영서버 배포(feat. devops의 모든것)

bradkim

비전공자도 이해할 수 있는 CI/CD 입문·실전

JSCODE 박재성

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

Basic

CI/CD, github-actions, AWS

비전공자도 이해할 수 있는 CI/CD 입문·실전

JSCODE 박재성

AWS 클라우드 이해와 실습

기술노트with알렉

누구나 알기 쉽게 클라우드를 둘러싼 거의 모든 것을 포함하여 설명합니다. 바로 실습보다 먼저 들어두시면 개발이나 인프라 클라우드에 대해서 잘 이해할 수 있게 됩니다.

Beginner

AWS, devops, 아키텍처

AWS 클라우드 이해와 실습

기술노트with알렉

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

ludgi

Basic

Next.js, FastAPI, whisper

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

ludgi

하루만에 배우는 AWS OpenSearch

양동준

AWS 서비스에 OpenSearch 및 ElasticSearch를 도입하고 싶은 분들에게 AWS OpenSearch 소프트웨어를 중심으로 빠른 결과물을 보여드립니다.

Basic

AWS, amazon-opensearch, amazon-cloudsearch

하루만에 배우는 AWS OpenSearch

양동준

10만 트래픽 서비스 운영에 적용한 MySQL운영 및 마이그레이션

July

MySQL을 활용한 마이그레이션 및 직접 DB Server를 운영하는데에 있는 Security를 모두 알려드립니다.

Basic

MySQL, ec2, AWS

10만 트래픽 서비스 운영에 적용한 MySQL운영 및 마이그레이션

July

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

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

Intermediate

React, Next.js, cursor

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

이 강의를 모두 들으시고, 응용하면 여러분만의 사이트, 앱을 만들 수 있어요. 이 강의는 Cursor AI 를 이용하여, 우리 가족만을 위한 단톡방을 Web사이트로 만들면서, 코딩의 흐름을 자연스럽게 익혀보는 바이브코딩 입문 강의입니다. App 개발자 계정이나 맥북 없이, 윈도우 환경만으로도 개발을 몰라도 누구나 쉽게 따라 할 수 있고, 실제 웹사이트로 배포하는 법도 배웁니다.

Beginner

Firebase, Next.js, vercel

비전공자도 가능한 초간단 단톡방 만들기 (바이브코딩, Cursor AI)

체험코딩

Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)

Bạn sẽ nhận được điều này sau khi học.

Khóa học Next.js tập trung vào thực hành với nhiều ví dụ khác nhau 🚀

Các tính năng của khóa học này

Tìm hiểu về những điều này.

Những điều cần lưu ý trước khi tham gia lớp học

Tài liệu học tập

Sau giờ học…

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

Xin chào
Đây là

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

Đánh giá

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

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

Khóa học đầy đủ về Next.js (Âm thanh tiếng Anh & Phụ đề tiếng Hàn)

Bạn sẽ nhận được điều này sau khi học.

Khóa học Next.js tập trung vào thực hành với nhiều ví dụ khác nhau 🚀

Các tính năng của khóa học này

Tìm hiểu về những điều này.

Những điều cần lưu ý trước khi tham gia lớp học

Tài liệu học tập

Sau giờ học…

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 ludgi

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

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

Xin chào
Đây là