【한글자막】 Typescript :기초부터 실전형 프로젝트까지 with React + NodeJS (Udemy.com)
Typescript의 개념과 컴파일러 작동 방식, ES6 문법, JavaScript를 Typescript에 통합, Webpack으로 개발 환경 설정, 실제 사례를 배웁니다
Created by: Maximilian Schwarzmüller
Last updated November 2024
Our take
Based on the ratings of 807 students, a sample of their written reviews and the syllabus, as the course stood in November 2024. No course pays to be reviewed.
This is the Korean-subtitled edition of Maximilian Schwarzmüller's well known TypeScript course, 15.1 hours across 199 lectures. It starts with the compiler and basic types, moves through classes, generics, and decorators, then applies all of it inside a Webpack setup and two build projects before finishing with React and Node/Express integration. Requirements assume working JavaScript knowledge, ES6 is a bonus but not required, so it suits developers moving past vanilla JS rather than first-time coders.
Reviewers consistently praise how Schwarzmüller explains the reasoning behind TypeScript's behavior instead of just listing syntax. The recurring complaint is the Korean subtitle quality: reviewers describe mistranslated terms (class rendered as classroom, instance as example, can and can't reversed), sound and caption sync drifting, and a few recommend turning captions off and listening in English instead. One reviewer also mentions a Webpack version in the exercises that did not match what they had installed.
At 4.5 stars over 807 reviews, most of the friction is translation, not teaching. If the goal is to actually understand how TypeScript compiles and behaves, not just copy syntax, the course delivers, and the price is modest for 15 hours plus two real projects. Reviewers who lean on the English audio when the subtitles get confusing report doing fine. Anyone who needs the Korean captions to be trustworthy on their own should treat that as the deciding factor before buying.
Pros
- Explains why TypeScript's compiler and type system work the way they do, not just syntax
- Two full build projects: a drag-and-drop app and a Google Maps place-picker
- Applies TypeScript to real stacks: React and Node.js/Express, not just isolated demos
- Lectures run short, which reviewers say makes 15 hours easier to get through
Cons
- Korean subtitles are repeatedly flagged as mistranslated, sometimes reversing meaning entirely
- Caption and audio sync drifts by about half a second according to one reviewer
- One reviewer hit an outdated Webpack version in the exercises
강의 자체에는 별 5개를 드리고 싶습니다만 자막의 질이 상당히 떨어져서 별 3개를 드릴 수 밖에 없네요.
Listed as All Levels, but the requirements assume working JavaScript knowledge, so true beginners should learn JS first.
What you will learn
- Typescript를 사용해야 하는 이유
- Typescript 작동방식에 대한 깊이 있는 이해
- Typescript 기본/심화 문법을 나의 개발 프로젝트에 적용하는 법
- React와 NodeJS/Express 개발환경에서 Typescript를 효과적으로 활용하는 법
- 실제와 거의 흡사한 Typescript 프로젝트 실습 (템플릿 코드 제공)
Course content
17 sections · 199 lectures · 15 hours of video 8 quizzes, 23 articles
- 1시작하기 7 free previews9 lectures · 41 min
- 2TypeScript 기본 & 기본 타입23 lectures · 3 quizzes · 1.7 hours
- 3TypeScript 컴파일러 (및 구성)15 lectures · 56 min
- 4차세대 자바스크립트와 TypeScript9 lectures · 32 min
- 5클래스 & 인터페이스25 lectures · 3 quizzes · 1.6 hours
- 6고급 타입11 lectures · 1 quiz · 52 min
- 7제네릭11 lectures · 1 quiz · 52 min
- 8데코레이터16 lectures · 1.3 hours
- 9연습시간! Drag & Drop 프로젝트를 만들어 봅시다20 lectures · 2.7 hours
- 10모듈 및 네임스페이스11 lectures · 50 min
- 11TypeScript와 함께 Webpack 사용하기10 lectures · 34 min
- 12타사 라이브러리 및 TypeScript7 lectures · 30 min
- 13연습시간! "장소 선택 및 공유" 앱 (Google 맵 포함)8 lectures · 29 min
- 14React.js 및 TypeScript13 lectures · 45 min
- 15Node.js + Express 및 TypeScript9 lectures · 43 min
- 16강의 정리1 lecture · 3 min
- 17[LEGACY] After finishing this Course1 lecture
Who it is for
The instructor says it suits
- 이 강의는 Vanilla JavaScript를 넘어 자신의 영역을 넓히고자 하는 모든 학생을 위한 것입니다.
- Angular를 배우는 모든 사람은 TypeScript의 작동 방식을 확실히 이해해야 합니다.
What you need before you start
- Javascript 기본 문법에 대한 사전지식이 필요합니다.
- Typescript를 사용해본 경험은 필요하지 않습니다.
- ES6 문법을 알고계시면 도움은 되지만 필수는 아닙니다.
Course Description
왜 Typescript를 배워야 할까요?
Javascript로는 힘들게 구현해야 하는 안정성 높은 코드를 Typescript를 사용하면 보다 간결하게 작성할 수 있습니다. Javascript의 여러 문제를 혁신적으로 해결한 Typescript의 인기는 갈수록 더 높아지는 중입니다.
Angular 프로젝트에서 Typescript를 공식 언어로 채택했습니다. 국내의 많은 개발팀에서도 Typescript를 적극적으로 프로젝트에 적용해가고 있습니다. 그에 따라 프론트엔드 개발자 취업 요구사항에서도 Typescript가 자주 보이게 됐습니다.
Typescript의 트렌드는 앞으로도 계속 될 것입니다. 보다 현대적인 개발 트렌드를 따라가기 위해서 Typescript 학습은 선택이 아닌 필수가 되었습니다.
이 강의는 Typescript에 대한 어떤걸 알려주나요?
Typescript는 ES5와 ES6 기본 문법을 포함하여, Typescript의 기초적인 사용법에 대해 다룹니다. Typescript가 작동하는 동작원리를 깊이 있게 뜯어보면서, 기술에 대한 이해도를 높이는 데 도움을 드립니다.
뿐만 아니라 고급 기능과 문법들, Typescript를 활용한 Workflow 설정, React와 Node.js 프로젝트에 Typescript를 적용하는 과정에 대하여 다룹니다. 실무와 거의 유사한 개발 환경에서 Typescript를 보다 잘 적용하기 위한 방법을 전달해드리는 데 중점을 뒀습니다.
본 강좌를 통해 아래와 같은 세부 내용들에 대하여 깊이 있게 고민하고, 기술에 대한 이해를 확장시키실 수 있습니다.
Types의 개념, Typescript 컴파일러 작동 방식
Typescript와 ES6 문법
클래스, 모듈, 인터페이스, 제네릭, 데코레이터
외부 Javascript 라이브러리를 Typescript 프로젝트에 통합하는 법
Webpack으로 Typescript 프로젝트 개발환경을 설정하는 법
또는, 일반 Typescript Workflow를 설정하는 법
React, Node.js/Express 프로젝트에 Typescript를 적용하는 법
실제 프로젝트에서의 Typescript 적용 사례
이렇게 강의를 활용해보세요
문법을 반복적으로 활용해보고, 실무와 유사한 개발 환경에서의 Typescript 개발을 보다 잘 체득할 수 있게 다양한 프로젝트형 연습문제를 준비했습니다. 또한, 문제에 대한 템플릿 코드, 솔루션, 영상을 통한 해설을 충분히 준비해뒀습니다.
이론 강의를 먼저 수강하시고, 그에 대한 연습 문제를 직접 고민하여 꼭 풀어보세요. 코드를 직접 짜보고, 자신의 로직을 고민해서 직접 개발해보는 경험이 너무 중요합니다. 직접 문제를 풀어본 후에, 작성하신 코드와 솔루션 코드 및 영상 해설의 내용과 비교해 보시길 권장드립니다.
단순히 영상을 보는 것에서 그치지 않고, 실제로 자신의 코드에 적용하면서 강의 내용을 완벽하게 소화해가세요. 그 과정을 좀 더 수월하게 하실 수 있도록 강의를 활용해주세요.
체계적으로 정리된 Typescript 공부 자료가 필요하신 분들?
Javascript로 개발을 시작한 분들에게 Typescript는 러닝커브가 생각보다 높습니다. 그런 분들이 학습에 헤매지 않도록, Typescript 개발에 필요한 지식들을 최대한 밀도 있게 구성해봤습니다.
강의로 도움 받으셔서 Typescript를 이용한 개발에 자신감을 갖게 되길 응원합니다!
강의를 들으시고 강의와 관련하여 궁금하신 점은 무엇이든 Q&A에 남기실 수 있지만, 꼭 영어로 남겨주세요. 그래야 답변을 드릴 수 있습니다. :)
강의에서 만나요,
- Max
Instructor Details
- 4.5 Rating
807 Reviews
Maximilian Schwarzmüller
Experience as (Web) Developer
Starting out at the age of 12 I never stopped learning new programming skills and languages. Early I started creating websites for friends and just for fun as well. Besides web development I also explored Python and other non-web-only languages. This passion has since lasted and lead to my decision of working as a freelance web developer and consultant. The success and fun I have in this job is immense and really keeps that passion burningly alive.
Starting web development on the backend (PHP with Laravel, NodeJS, Python) I also became more and more of a frontend developer using modern frameworks like React, Angular or VueJS in a lot of projects. I love both worlds nowadays!
I also build full-stack applications and acquired expert DevOps and cloud computing knowledge - proven by the many AWS certifications I hold (incl. the top-level Solutions Architect Professional certification).
As a self-taught developer I had the chance to broaden my horizon by studying Business Administration where I hold a Master's degree. That enabled me to work in a major strategy consultancy as well as a bank. While learning, that I enjoy development more than these fields, the time in this sector greatly improved my overall experience and skills.
Experience as Instructor
More courses by Maximilian Schwarzmüller
Vue - The Complete Guide (incl. Router & Composition API) (2025)
4.7 (66,743 Reviews)
Provider: Udemy
Time: 31.9h
$119.99
Next.js & React - The Complete Guide (2026)
4.6 (25,807 Reviews)
Provider: Udemy
Time: 40.3h
$139.99
Angular & NodeJS - The MEAN Stack Guide (2025)
4.4 (25,618 Reviews)
Provider: Udemy
Time: 12.7h
$159.99
Ionic - Build iOS, Android & Web Apps with Ionic & Angular (2024)
4.5 (17,185 Reviews)
Provider: Udemy
Time: 20.4h
$124.99
More TypeScript courses
【한글자막】 TypeScript 마스터 with Webpack & React (2024)
4.8 (169 Reviews)
Provider: Udemy
Time: 10.7h
$69.99
Mastering TypeScript with Marathon Interview Questions (2025)
4.7 (247 Reviews)
Provider: Udemy
Time: 7.6h
$64.99
Reviews
By JY LEE on 5/24/2025
전체적으로 개발쪽 강좌는 번역을 개발자가 아닌 사람이 한 것 같아 이해하는데 어려운 경우가 있을 것 같지만 강의 구성은 매우 괜찮습니다. 2년 전에 처음 공부할때에도 조금 오래전 버전(3.7)을 사용하는 것 같아서 신경이 쓰였고, 복습을 하려고 보니 내용이 그대로라 원본 강좌의 공지를 보니 최근 강의내용이 대폭 업데이트 되었습니다. 5.5버전으로 설치하고 설명하고 있습니다. 확인후 업데이트를 부탁드립니다. 아래는 원본 강의 공지 내용입니다. March 2025: BIG COURSE UPDATE Re-recorded large parts of the course to cover missing TypeScript concepts (e.g., "satisfies"), improve explanations and add extra examples & demo projects. Added more than 10h of new content!
By Peter Park on 1/7/2025
React, next js 에 이어 타입스크립트까지 시리즈로 듣고 있는데 유용하게 사용할수 있는 예제들과 폭넓은 사용 방법까지 모두 잘 정리되어 있고 강의를 제일 잘 하시는것 같아 이번 코스도 무난하게 모두 마친것 같습니다. 아주 좋은 강의 입니다. 이어서 Node js, react native 강의도 모두 완주 하도록 하겠습니다. Good ~
By Hyunho Chae on 11/22/2022
I got have a course of java-script skills. It raise me up into doing an effort to make awesome codes of web-based html. With taking a much time of working with java-script code, I earned daily routine.
By 장윤호 on 9/13/2022
이상해도 자막이 있다는 걸 감사하게 생각했지만 Section 8에 특히 심해져서 아무말 대잔치네요 (대표적으로 instance를 예시로 번역하여 "클래스는 예시되지않습니다"로 번역) 영상 당 의도와 맞지 않는 해석이 평균 40~50%는 되는 것 같습니다
By eden Nam on 8/29/2022
아직까지는 볼만 합니다. 사운드 싱크와 자막 싱크가 0.5초 정도 맞지 않아서 음소거로 강의를 보고 있습니다만, 이거까지는 그런갑다 하고 넘어가지만 한글 오역이 어느정도 있어 개발자 재량껏 필터링 해야한다는 것이 문제인 거 같습니다. 대부분 무슨 말이고 어디에 쓰이는지 알려주고 자료도 있기에 이해가 가지만, 초심자분들은 오역 그대로 받아들일 수 있어 문제가 좀 있지 않을까 우려 됩니다. 번거로우시더라도 조금만 더 신경써주신다면 좋겠습니다. 번역 항상 고생하십니다 감사합니다
By 이승민 on 6/6/2022
Such great lectures that covers broad range of the Typescript in very easy way so that anyone could understand.
By 정가연 on 5/24/2022
타입스크립트에 대해 아무것도 모르는 상태였는데 자세하게 설명해주셔서 개념이 잘 잡히는 것 같고, 강사님의 목소리에 힘이 느껴져서 피곤할 때도 들을 수 있었습니다, 그만큼 집중이 잘됩니다! 또한 영상 길이가 길지 않고 짧게 구성되어 있는 점이 부담감 안느껴져서 좋았어요! 영어로 진행되는 강의인데 이해 안되는 부분이 많지 않을까 걱정이 앞섰지만 자막 설명이 잘되어있어서 불편함 느낀 적이 없네요 결론은 입문자들이 들으면 좋은 강의인 것 같습니다…!! 가격도 저렴해서 이번 강의 다 들으면 다른 강의도 찾아 들을까 해요!
By 이혜민 on 5/10/2022
직장과 병행하면서 듣기 좋은 강의입니다. 먼저 번역 자막이 이해하기 쉽고 그때 그때 짧은 분 단위의 섹션으로 정리 되어 있기 때문에 짧게 짧게 학습하기 좋아요. 출퇴근 지하철이나 업무하면서 남는 시간에 특히 유용하게 청강했습니다. 그리고 무엇보다 강의 자체가 무척 도움 되었습니다. Typescript에 기초 다지기 좋은 강의입니다.
By 지은 허 on 5/5/2022
예시를 잘 들어주시고 한글 번역도 좋아요. 목소리도 졸리는 목소리가 아니어서 참 좋습니다. 하나의 강의가 10분을 넘기는 경우가 많이 없어서 호흡 맞추기도 편합니다. 정말 가격 아깝지 않게 들을 수 있는 강의인 거 같아요. 질문도 할 수 있게 따로 커뮤니티도 있습니다. 조금 아쉬운 게 커뮤니티 기본 언어가 영어라서 질문을 영어로 해야 한다는 거..
By Hyohwak Lee on 4/16/2022
적절하고 흥미로운 예제와 실습을 통해서 타입스크립트에 대한 이해를 도와줍니다. 강사님의 발음도 뚜렷하고 템포도 적절해서 자막없이도 충분히 들을 수 있었습니다. 타입스크립트 입문하시는 분이라면 추천드립니다.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100











