

김도윤
인증 강사풀스택 개발자 · 前 스타트업 CTO
구조를 이해하면 프레임워크가 바뀌어도 흔들리지 않습니다.
공개 클래스

실무로 배우는 Next.js 풀스택 웹 서비스 만들기

개발 입문자를 위한 Git과 GitHub 한 시간 완성

TypeScript 실전 패턴 30
김도윤 강사를 소개합니다
커머스와 핀테크 서비스를 10년 동안 직접 만들고 운영했습니다. 주문이 몰리는 날 서버가 버티는지, 정산 숫자가 1원도 틀리지 않는지가 매일의 일이었습니다.
그래서 강의에서도 "이 코드가 왜 이렇게 나뉘어 있는가"를 먼저 설명합니다. 문법은 금방 바뀌지만 판단 기준은 오래 남기 때문입니다. 강의마다 실제로 배포되는 서비스 하나를 끝까지 함께 만듭니다.
이렇게 가르칩니다
예제 조각이 아니라 로그인·결제·배포까지 이어지는 프로젝트로 배웁니다.
폴더 구조와 경계를 정한 이유를 설명하고, 다른 선택지와 비교합니다.
모든 Q&A에 직접 답변합니다. 지난 3개월 답변률 98%입니다.
발표·활동
- 웹 개발 컨퍼런스 2025 발표 — App Router로 옮기며 버린 것들
- 오픈소스 폼 라이브러리 메인테이너 · GitHub 스타 2.1천
- 기술 블로그 연재 120편 · 서버 컴포넌트 시리즈
최근 수강평
- 윤TypeScript 실전 패턴 30윤*재2026.10.16진도 41%
패턴마다 실무 코드가 붙어 있어서 바로 적용했습니다. 타입 좁히기 챕터는 팀 전체에 공유했어요.
- 김개발 입문자를 위한 Git과 GitHub 한 시간 완성김*수2026.10.14진도 100%
브랜치와 PR이 왜 필요한지 처음으로 이해했어요. 한 시간이라 부담 없이 끝까지 들었습니다.
김도윤 강사한 시간 완주 축하드려요! 다음에는 작은 개인 프로젝트에서 PR 흐름을 그대로 써 보세요. 금방 손에 익을 거예요.
- 임실무로 배우는 Next.js 풀스택 웹 서비스 만들기임*솔2026.10.13진도 35%
3장 캐시 설명이 조금 빠르게 지나가요. 화면에 나온 다이어그램을 PDF로도 받을 수 있으면 복습할 때 훨씬 좋을 것 같습니다.
김도윤 강사좋은 제안 감사합니다. 3장 캐시 다이어그램을 PDF로 정리하고 있어요. 이번 주 안에 3-2 자료실에 올리고 공지로 알려 드릴게요.
- 한TypeScript 실전 패턴 30한*결2026.10.11진도 76%
타입 좁히기 패턴을 바로 실무 코드에 적용했습니다. 패턴마다 안티 패턴을 같이 보여 줘서 좋았어요.
김도윤 강사실무에 바로 쓰셨다니 기쁩니다. 4장 조건부 타입 패턴과 같이 쓰면 더 단단해져요.
- 박실무로 배우는 Next.js 풀스택 웹 서비스 만들기박*진2026.10.10진도 100%
강의 하나로 실제 서비스를 끝까지 배포해 본 게 처음입니다. 왜 이렇게 나누는지 설명해 주셔서 회사 코드에도 바로 적용했어요.
김도윤 강사끝까지 완주하셨네요! 배포한 서비스 링크를 Q&A에 남겨 주시면 피드백 드릴게요.
- 이실무로 배우는 Next.js 풀스택 웹 서비스 만들기이*아2026.10.04진도 64%
서버 컴포넌트와 캐시 부분이 늘 헷갈렸는데 그림으로 보여 주셔서 이해가 됐습니다. 예제 코드 품질이 좋아요.
- 오개발 입문자를 위한 Git과 GitHub 한 시간 완성오*린2026.10.02진도 100%
첫 출근 전에 들었는데 협업 흐름을 미리 익혀 둔 덕분에 코드 리뷰가 덜 무서웠습니다.
김도윤 강사첫 출근 응원합니다! 다음 단계로는 TypeScript 실전 패턴 30을 추천드려요.
- 최실무로 배우는 Next.js 풀스택 웹 서비스 만들기최*호2026.09.29진도 88%
내용은 아주 좋습니다. 4장은 조금 빠르게 느껴져서 두 번 봤어요. 자막이 있어서 다시 찾기 편했습니다.
김도윤 강사4장은 개념이 몰려 있어서 두 번 보신 분이 많아요. 4-3 세션 부분은 레슨 본문에 보충 설명을 더해 두었습니다.
- 문실무로 배우는 Next.js 풀스택 웹 서비스 만들기문*호2026.09.26진도 12%
2장부터 설명이 빠르고 React 기초를 안다고 가정하고 진행해요. 입문자라고 생각하고 샀는데 따라가기 어렵습니다.
김도윤 강사불편을 드려 죄송합니다. 이 강의는 React 기초를 아는 분을 기준으로 만들어서, 강의 소개의 선수 지식 안내를 더 눈에 띄게 고쳤어요. 1-2 레슨 본문에 React 복습 자료를 추가했으니 함께 보시면 도움이 될 거예요.
- 서TypeScript 실전 패턴 30서*우2026.09.24진도 53%
제네릭 파트는 난이도가 있지만 예제가 충분합니다. 보너스 영상도 유익했어요.
김도윤 강사제네릭 파트는 3장 연습 문제를 먼저 풀어 보시면 훨씬 수월해요. 보너스 영상도 계속 추가하겠습니다.
아직 이 클래스의 수강평이 없습니다
다른 클래스의 수강평을 확인해 보세요.
강사 공지
고정 Next.js 풀스택 웹 서비스 만들기 · 2026.10.155장 예제 코드가 Next.js 16 기준으로 갱신되었습니다 2026.10.15
5장(배포와 운영) 예제 저장소를 Next.js 16 기준으로 갱신했습니다. 기존 코드로 진행 중이라면 그대로 이어서 들어도 괜찮고, 새로 시작한다면 main 브랜치를 받아 주세요. 바뀐 부분은 5-1 강의 하단 자료실에 정리해 두었습니다.
실무로 배우는 Next.js 풀스택 웹 서비스 만들기전체 수강생 · 2026.10.0410월 라이브 Q&A — 10월 22일(목) 오후 8시 2026.10.04
수강생 대상 라이브 Q&A를 진행합니다. 미리 받은 질문을 먼저 다루고, 남는 시간에 현장 질문을 받습니다. 질문은 각 클래스 Q&A 게시판에 [라이브] 말머리를 달아 남겨 주세요. 다시 보기는 다음 날 공지로 올립니다.
TypeScript 실전 패턴 30 · 2026.09.20패턴 31·32 보너스 영상을 추가했습니다 2026.09.20
수강생 요청이 많았던 satisfies 연산자와 템플릿 리터럴 타입 패턴을 보너스 영상 2개로 추가했습니다. 기존 수강생도 추가 결제 없이 바로 볼 수 있습니다.
TypeScript 실전 패턴 30Git과 GitHub 한 시간 완성 · 2026.09.03자막 오탈자와 명령어 표기를 고쳤습니다 2026.09.03
4강과 6강 자막에서 잘못 표기된 git 명령어를 바로잡았습니다. 제보해 주신 수강생분들께 감사드립니다.
개발 입문자를 위한 Git과 GitHub 한 시간 완성다른 강사도 둘러보세요
분야별로 현업에서 일하는 강사들이 직접 가르칩니다.




