TypeScript 실전 패턴 30
타입 좁히기, 제네릭, 유틸리티 타입을 실무 코드 30개 패턴으로 정리합니다.
김도윤 · 풀스택 개발자 · 前 스타트업 CTO
이런 걸 배워요
- TypeScript의 핵심 개념을 실습으로 익힙니다
- 현업에서 자주 쓰는 방식과 판단 기준을 배웁니다
- 작은 프로젝트를 처음부터 끝까지 완성합니다
- 실수하기 쉬운 지점과 해결 방법을 정리합니다
- 과제 피드백으로 결과물을 다듬습니다
- 배운 내용을 바로 업무에 적용합니다
이런 분께 추천해요
- 이 분야를 처음 체계적으로 배우려는 분
- 독학으로 익혔지만 실무 기준이 궁금한 분
- 팀에 바로 적용할 방법을 찾는 분
미리 알면 좋아요
- 입문 과정 수준의 기본 개념
- 실습용 PC(Windows·macOS)
강의 소개
타입 좁히기, 제네릭, 유틸리티 타입을 실무 코드 30개 패턴으로 정리합니다. 김도윤 강사가 현업에서 실제로 쓰는 방식 그대로, 왜 그렇게 하는지까지 설명합니다.

각 장은 짧은 개념 설명 → 따라 하기 → 직접 해 보기 순서로 진행합니다. 장이 끝날 때마다 확인 퀴즈가 있고, 중간과 마지막에는 강사가 직접 채점하는 과제가 있습니다. 막히는 부분은 영상 시점을 붙여 Q&A에 남기면 됩니다.
모두 30개 레슨, 약 6시간 20분 분량입니다. 실습에 쓰는 예제 파일과 완성본은 레슨마다 내려받을 수 있고, 다루는 도구나 방법이 바뀌면 레슨을 고쳐 올립니다. 수강 기간 안에는 추가 비용 없이 바뀐 내용을 볼 수 있습니다.
커리큘럼
5개 섹션 · 30개 레슨 · 6시간 20분
1오리엔테이션 6개 레슨
2타입 좁히기 6개 레슨
- 2-1타입 좁히기 한눈에 보기 10:54
- 2-2타입 좁히기 기본 따라 하기 17:51
- 2-3예제로 익히는 타입 좁히기 11:54
- 2-4타입 좁히기 실무 패턴 18:50
- 2-5타입 좁히기: 자주 하는 실수와 해결 12:53
- 2-62장 확인 퀴즈 5문항
3제네릭 패턴 6개 레슨
- 3-1제네릭 패턴 한눈에 보기 16:51
- 3-2제네릭 패턴 기본 따라 하기 10:54
- 3-3예제로 익히는 제네릭 패턴 17:51
- 3-4제네릭 패턴 실무 패턴 11:54
- 3-5제네릭 패턴: 자주 하는 실수와 해결 18:50
- 3-6제네릭 패턴 응용 실습 12:53
4유틸리티 타입 6개 레슨
- 4-1유틸리티 타입 한눈에 보기 09:55
- 4-2유틸리티 타입 기본 따라 하기 16:51
- 4-3예제로 익히는 유틸리티 타입 10:54
- 4-4유틸리티 타입 실무 패턴 17:51
- 4-5유틸리티 타입: 자주 하는 실수와 해결 11:54
- 4-64장 확인 퀴즈 5문항
5실무 적용과 마무리 6개 레슨
- 5-1현업 사례로 보는 활용법 15:52
- 5-2실무 적용 체크리스트 09:55
- 5-3결과물을 포트폴리오로 정리하기 16:51
- 5-4자주 받는 질문 모음 10:54
- 5-5과제: 나만의 결과물 만들기 과제
- 5-6다음 단계 학습 로드맵 12:10
강사 소개

김도윤
풀스택 개발자 · 前 스타트업 CTO
- 수강생
- 22,180
- 평균 평점
- 4.8
- 클래스
- 3
커머스와 핀테크 서비스를 10년 동안 직접 만들고 운영했습니다. 주문이 몰리는 날 서버가 버티는지, 정산…
강사 프로필 보기수강평
- 윤윤*재2026.10.16진도 41%
패턴마다 실무 코드가 붙어 있어서 바로 적용했습니다. 타입 좁히기 챕터는 팀 전체에 공유했어요.
- 한한*결2026.10.11진도 76%
타입 좁히기 패턴을 바로 실무 코드에 적용했습니다. 패턴마다 안티 패턴을 같이 보여 줘서 좋았어요.
김도윤 강사실무에 바로 쓰셨다니 기쁩니다. 4장 조건부 타입 패턴과 같이 쓰면 더 단단해져요.
- 서서*우2026.09.24진도 53%
제네릭 파트는 난이도가 있지만 예제가 충분합니다. 보너스 영상도 유익했어요.
김도윤 강사제네릭 파트는 3장 연습 문제를 먼저 풀어 보시면 훨씬 수월해요. 보너스 영상도 계속 추가하겠습니다.
Q&A
수강생만 질문할 수 있습니다. 영상 시점을 누르면 그 장면으로 이동합니다.




