채널톡 아이콘

핵심만 골라 배우는 TypeScript

프론트엔드 입문자들은 필수적으로 익혀야하는 TypeScript 문법! 기초부터 시작해서 고급에 이르기까지 TypeScript 언어를 샅샅히 파헤쳐봅니다!

Thumbnail

입문자를 위해 준비한
[프로그래밍 언어, TypeScript] 강의입니다.

이런 걸 배울 수 있어요

  • 타입스크립트 5.8 최신 문법

  • 타입스크립트 소개

  • 기본 타입과 변수 선언

  • 타입스크립트와 자바스크립트 통합

  • 인터페이스(Interfaces)

  • 타입 별칭(Type Aliases)

  • 클래스와 객체 지향 프로그래밍

  • 제너릭(Generics)

  • 타입 추론과 명시적 타입

  • 타입스크립트에서 함수 다루기

  • 타입 가드(Type Guards)

  • 타입스크립트의 고급 타입

  • 타입스크립트에서의 비동기 프로그래밍

비전공자도 이해하기 쉬운 TypeScript!!
🛩 수코딩의 프런트엔드 로드맵 시리즈 5단계! 🛩

프런트엔드 입문 분야 베스트셀러

프런트엔드 입문 분야 베스트셀러 작가가 만든 강의!

2022 『코딩 자율학습 HTML+CSS+자바스크립트』 출간! 🎉
2023 『아는만큼보이는 프런트엔드 개발』 출간! 🎉
2024 『코딩 자율학습 Vue.JS』 출간! 🎉

수코딩은 프런트엔드의 다양한 분야를 집필한 현직 작가에요.
출한한 책이 모두 베스트셀러입니다. 😎
프런트엔드 강의 선도하고 있는 수코딩이 만든 특별한 강의랍니다!

궁금해요

무엇을 배우나요?

TypeScript는 자바스크립트의 확장 언어로, 정적 타입 검사를 통해 코드의 안정성과 가독성을 높여줍니다. 특히 대규모 프로젝트협업 환경에서 코드의 오류를 사전에 방지하고, 유지보수를 쉽게 만들어주는 강력한 도구입니다. 하지만 처음부터 모든 타입스크립트 기능을 배우고 마스터하는 것은 쉽지 않죠.

이 강의에서는 실무에서 자주 사용하는 핵심 TypeScript 개념만을 엄선하여 학습합니다.
복잡하거나 사용 빈도가 낮은 기능은 과감히 제외하고,

  • 기본 타입 선언

  • 인터페이스와 타입(alias) 활용

  • 제네릭(Generic)

  • 유니온/인터섹션 타입

  • 함수 및 클래스 타입 정의

  • 재사용 가능한 타입 만들기

등 실제 개발에서 자주 활용되는 내용에 집중했습니다.

이를 통해 초보자도 TypeScript의 핵심 개념과 문법을 쉽고 효율적으로 배울 수 있으며,
자바스크립트와의 차이점을 명확히 이해하고,
실무에서 바로 활용 가능한 개발 능력을 자연스럽게 익히게 됩니다. 🚀

완전 초보자도 괜찮아요,

기초부터 차근차근 모두 알려드릴게요.

TypeScript는 자바스크립트 개발의 효율성과 안정성을 높여주는 강력한 도구입니다.
하지만 처음 접하는 사람에게는 낯선 문법과 개념 때문에 어려울 수 있죠.
걱정하지 마세요!

이 강의에서는 기초부터 탄탄하게 쌓을 수 있도록,
꼼꼼하고 친절하게 하나하나 설명해 드립니다.

  • 초보자도 자신 있게 배울 수 있도록
    쉬운 예제와 실습을 통해 함께할게요! 🚀

  • TypeScript의 핵심 개념을 하나씩 배우고,
    실제 프로젝트에 적용할 수 있는 기술을 자연스럽게 익혀가세요!

"자바스크립트를 더 안전하고, 더 똑똑하게!"
TypeScript로 개발 실력을 한 단계 업그레이드해봐요. 🎯

수코딩 강의만의
특별한 점

실무에서 바로 적용 가능한 핵심 중심 커리큘럼

  • 타입스크립트의 복잡한 이론을 줄이고, 실제 프로젝트에서 자주 사용하는 핵심 개념만 엄선하여 학습합니다.

  • 타입, 인터페이스, 제네릭 등 자주 사용하는 기능에 집중하여 실무에서 바로 활용할 수 있는 스킬을 배울 수 있습니다.

직관적이고 쉬운 예제와 실습 위주 강의

  • TypeScript를 처음 배우는 사람도 쉽게 이해할 수 있도록 개념을 단계별로 설명하고, 예제 → 실습 방식으로 학습합니다.

  • 손으로 직접 코딩하며 배우는 실습 중심 강의로, 이론을 실전에 바로 적용할 수 있게 도와줍니다.

자바스크립트와의 차이점 명확히 이해

  • 타입스크립트는 자바스크립트를 확장한 언어이기 때문에, 자바스크립트와의 차이점을 명확히 이해하면서 학습합니다.

  • 자바스크립트를 이미 알고 있다면, 타입스크립트의 차별화된 강점을 바로 체감할 수 있습니다.

최신 버전의 타입스크립트 기능까지 완벽 적용

  • 최신 버전의 타입스크립트 기능을 반영하여, 가장 최신의 문법과 기능을 배울 수 있습니다.

  • 타입스크립트의 최신 업데이트를 강의에 즉시 반영하여, 앞으로의 변화에도 유연하게 적응할 수 있는 개발자를 양성합니다.

실무 팁과 개발자 노하우 아낌없이 공개

  • 교과서에 없는 현업 개발자만의 실전 팁업무 효율을 높이는 방법까지 알려드립니다.

  • 자바스크립트뿐만 아니라, 프런트엔드 개발자로 성장하기 위한 방향성도 제시합니다.

수강생 맞춤 피드백과 꼼꼼한 Q&A 지원

  • 수강생의 질문에 대해 빠르고 친절한 피드백을 제공합니다.

  • 자주 하는 실수나 헷갈리는 부분을 짚어주며, 개개인의 학습 효과를 극대화합니다.

잠시만요!

강의에도 나와 맞는 '결'이 있다는 거 아시나요?

누구에게나 인정받는 대작 게임이 나에게는 재미없을 수 있는 것처럼,
강의도 모두에게 똑같이 맞는 건 아닙니다.

아무리 칭찬이 자자한 강의라도 나와 맞지 않을 수 있고,
반대로 누군가에겐 평범한 강의가 나에겐 최고의 강의가 될 수 있죠.

그래서 제 모든 강의는 최소 10% 이상 무료로 공개되어 있습니다.
직접 들어보고, 저와 스타일의 ‘결’이 맞는지 확인해 보세요!

만약 저와 결이 잘 맞는다면,
프런트엔드 개발자로 가는 가장 빠른 지름길을 안내해 드리겠습니다.
믿고 따라오세요! 🚀

초보자의 눈높이에
최적화된
핵심 커리큘럼

Chapter 01
준비하기

타입스크립트를 시작하기 전에 필요한 환경 설정을 배웁니다.
타입스크립트를 프로젝트에 적용하고, 기본 설정 파일인 tsconfig.json을 설정하여, 타입스크립트를 사용할 준비를 완료합니다.

Chapter 02
타입스크립트 기초

타입스크립트에서 중요한 기본 타입참조 타입을 배우고, 각각의 타입이 어떻게 동작하는지 이해합니다.
자바스크립트의 기본 자료형과 참조 자료형 개념을 바탕으로, 타입스크립트에서 이를 어떻게 활용하는지 자세히 알아봅니다.

  • 기본 타입: 숫자, 문자열, 불리언 등 기본적으로 자주 사용되는 데이터 유형을 다루며, 타입스크립트의 타입 선언 방식을 배우게 됩니다.

  • 참조 타입: 객체, 배열, 함수 등 참조형 데이터를 다루면서, 타입스크립트에서 타입 추론타입 정의를 어떻게 활용할 수 있는지 실습을 통해 익힙니다.

  • 타입 추론과 명시적 타입 지정: 타입스크립트가 제공하는 자동 타입 추론 기능을 이해하고, 필요에 따라 명시적으로 타입을 지정하는 방법을 배웁니다.

이를 통해, 타입스크립트의 타입 시스템을 탄탄하게 이해하고, 코드의 안정성을 높이는 방법을 배울 수 있습니다.

Chapter 03
특별한 타입

타입스크립트에는 기본 타입과 참조 타입 외에도 특별한 용도로 사용되는 타입들이 있습니다.
이번 챕터에서는 any, unknown, never 등 특별한 타입들을 다뤄봅니다.

이 타입들을 적절하게 활용하여 코드의 유연성을 높이고, 더 안전한 타입 관리를 할 수 있는 방법을 배워봅니다.

Chapter 04
타입추론

타입스크립트는 변수함수에 명시적인 타입을 지정하지 않아도, 자동으로 타입을 추론해줍니다.
이번 챕터에서는 타입스크립트가 어떻게 타입을 추론하는지, 그리고 그 추론이 코드 작성에 어떻게 도움을 주는지 배워봅니다.

타입 추론을 제대로 활용하면 코드가 더 깔끔해지고, 타입을 명시적으로 작성할 필요가 없어집니다.
이제부터는 타입스크립트의 자동 타입 추론 덕분에 코드 작성이 더 간편하고 효율적으로 느껴질 거예요! 🚀

Chapter 05
함수 톺아보기

함수 타입은 타입스크립트에서 중요한 부분이지만, 배우면 배울수록 다룰 내용이 끝이 없습니다.
이번 챕터에서는 함수 타입에 대해 깊이 있게 다루며, 함수의 매개변수, 반환값, 그리고 다양한 함수 선언 방식을 살펴봅니다.

타입스크립트에서 함수 타입을 잘 활용하면 코드가 더 안전하고 유지보수가 쉬워집니다.
함수의 다양한 가능성을 알아보면서, 타입스크립트의 진면목을 제대로 경험할 수 있을 거예요! 🚀

Chapter 06
타입가드와 타입단언

타입가드타입단언은 타입스크립트의 고급 문법 중 하나로, 이 두 가지는 타입스크립트 사용자라면 꼭 알아야 할 중요한 내용입니다.
타입스크립트에서 정밀한 타입 검사타입 확정을 할 수 있도록 도와주는 기술인데요, 이를 잘 활용하면 코드의 안전성과 가독성을 한층 높일 수 있습니다.

이번 챕터에서는 타입가드와 타입단언의 개념을 쉽게 설명하고, 실제 예제를 통해 어떤 상황에서 활용할 수 있는지 배워봅니다.
이 두 가지 기술을 마스터하면 타입스크립트의
강력한 타입 시스템을 더욱 잘 활용할 수 있을 거예요! 🚀

Chapter 07
객체 타입 톺아보기

객체 타입은 타입스크립트에서 매우 중요한 개념으로, 객체를 다룰 때 타입을 명확하게 지정해줌으로써 코드의 안정성과 예측 가능성을 높여줍니다.
앞에서 간단히 다뤄본 적이 있지만, 이번 챕터에서는 객체 타입을 더 깊이 있게 탐구해봅니다.

객체 타입의 정의부터 인터페이스, 타입 앨리어스 등 다양한 방식으로 객체를 다루는 방법을 실제 예제를 통해 학습하며,
타입스크립트에서 객체를 효과적으로 관리하는 기술을 익힐 수 있습니다. 이 챕터를 통해 객체 타입에 대한 이해를 한층 더 강화하고, 복잡한 구조도 잘 처리할 수 있는 능력을 키워보세요! 💡

Chapter 08
인터페이스

이제 숙련자로 나아가는 단계입니다! 🚀
이번 챕터에서는 인터페이스에 대해 배우고, 객체 형태의 타입을 효율적으로 지정하는 방법을 알아봅니다.

인터페이스는 타입스크립트에서 객체의 구조를 정의할 때 사용하며, 한 번 정의한 타입을 재사용할 수 있게 해줍니다.
이로써 코드의 중복을 줄이고, 유지보수가 용이한 깔끔한 코드 작성이 가능합니다.

이 챕터를 통해 인터페이스의 활용법을 익히고, 더욱 체계적이고 확장 가능한 코드를 작성할 수 있게 될 거예요!
객체 타입을 효율적으로 다루고, 재사용 가능한 구조를 만들 수 있는 핵심 기술을 배워보세요.

Chapter 09
타입별칭

타입별칭인터페이스와 비슷한 개념이지만, 자신만의 커스텀 타입을 정의할 수 있게 해주는 강력한 도구입니다.
이번 챕터에서는 타입별칭을 사용해 자신만의 타입을 어떻게 만들고 관리할 수 있는지 배워봅니다. 🎯

타입별칭은 특히 복잡한 타입이나 재사용 가능한 타입을 만들 때 유용하며, 다양한 타입을 결합할 수 있어 유연한 코드 작성이 가능합니다.
인터페이스와 함께 타입스크립트에서 효율적이고 재사용 가능한 타입을 구성할 수 있습니다.

이 챕터를 통해 타입별칭을 활용한 구조화된 타입 만들기를 배워보세요!

Chapter 10
클래스

자바스크립트에서 클래스는 이미 중요한 개념이지만, 타입스크립트의 클래스는 그 위에 타입 시스템이 더해져 조금 더 복잡할 수 있습니다.
하지만 걱정하지 마세요! 타입스크립트 클래스의 핵심 개념문법을 차근차근 배워보면서, 실제로 어떻게 타입을 지정하고 활용하는지 익힐 수 있습니다.

클래스를 사용하여 객체지향 프로그래밍(OOP)을 타입스크립트 방식으로 적용해보고, 클래스 내에서 타입 지정, 상속, 접근 제한자 등을 통해 유지보수성 높은 코드를 작성하는 방법을 배울 거예요. 🛠

이 챕터를 통해 타입스크립트 클래스에 대한 이해를 높이고, 객체 지향 프로그래밍의 진수를 경험해보세요! 🚀

Chapter 11
제네릭

타입스크립트의 끝판왕이라고 불리는 제네릭! 처음 접하면 조금 어렵게 느껴질 수 있지만, 한 번 이해하고 나면 타입스크립트를 더 강력하고 유연하게 사용할 수 있는 강력한 도구가 됩니다. 🚀

제네릭은 타입을 유연하게 설정할 수 있게 도와주는 기능으로, 재사용 가능한 코드를 작성할 때 아주 유용합니다. 함수, 클래스, 인터페이스 등에서 타입을 동적으로 지정하는 방법을 배우고, 이를 통해 더 효율적이고 확장 가능한 코드를 작성할 수 있게 됩니다.

제네릭을 배우면 코드의 유연성확장성이 얼마나 중요한지 깨닫게 되고, 이를 바탕으로 타입스크립트의 진정한 힘을 경험할 수 있습니다. 🧠

이 챕터에서는 제네릭의 기본 개념부터 실제 활용법까지 차근차근 설명하며, 제네릭을 마스터하는 길로 안내할 거예요! 😎

Chapter 12
유틸리티 타입

타입스크립트는 다양한 유틸리티 타입을 제공하여, 코드를 더 간결하고 효율적으로 작성할 수 있게 도와줍니다. 이 유틸리티 타입들을 잘 활용하면, 반복되는 코드를 줄이고, 더 깔끔한 코드를 작성할 수 있어요.

유틸리티 타입에는 Partial, Required, Readonly, Pick, Omit 등과 같은 다양한 타입들이 포함되어 있습니다. 이 타입들을 잘 활용하면, 타입 변환을 쉽게 처리하고, 기존 타입을 변형하는 데 큰 도움이 됩니다.

이번 챕터에서는 유틸리티 타입기본적인 사용법실제 사례를 통해, 타입스크립트를 더욱 효율적으로 사용하는 법을 배워봅니다. 🙌

유틸리티 타입을 배우면, 타입스크립트를 더 쉽게 다루는 법을 익히고, 실무에서도 더 편리하게 코드를 작성할 수 있게 될 거예요. 🚀

자주 묻는 질문

Q. 진짜 아무것도 모르는 초보자입니다. 괜찮을까요?
A. 네. 정말 괜찮습니다. 아무것도 모르는 분들이 학습할 수 있게 구성한 맞춤 강좌입니다.

Q. 선수지식이 필요한가요?

A. 네, 본 강좌는 반드시 HTML5/CSS3/JavaScript에 대한 선행 지식이 필요합니다.

수강 전 참고 사항

실습 환경

  • 운영 체제 및 버전(OS): Windows, macOS

  • 사용 도구: 비주얼 스튜디어 코드(Visual Studio Code), 크롬(Chrome)

  • PC 사양: 웹 서핑이 가능한 수준의 최저 사양도 가능합니다.

학습 자료

  • 실습 진행을 위한 강의별 학습 자료 제공합니다.


선수 지식 및 유의사항

  • 완전 비전공자, 초보자도 수강 가능

  • 단, HTML5/CSS3/JavaScript에 대한 학습은 선행되어야 합니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 자바스크립트를 이미 알고 있는 개발자

  • 프론트엔드 개발자

  • 백엔드 개발자

  • 풀스택 개발자

  • 타입스크립트를 처음 배우고 싶은 개발자

  • 팀 단위로 개발하는 사람

  • 대규모 애플리케이션을 개발하고 싶은 사람

선수 지식,
필요할까요?

  • JavaScript

안녕하세요
수코딩입니다.

3,940

수강생

160

수강평

50

답변

4.9

강의 평점

6

강의

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

더보기

커리큘럼

전체

96개 ∙ (5시간 53분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

2개

5.0

2개의 수강평

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

₩44,000

20%

₩55,000