New중급

핵심만 골라 배우는 TypeScript

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

    12개의 챕터

    체계적인 챕터 구성

  • 95

    95개의 동영상

    평균 7분 내외

  • 50

    약 50 시간

    학습 권장 시간

  • 강의소개
코스 소개

핵심만 골라 배우는 Typescript
[입문자]를 위해 준비한 강좌입니다.

프런트엔드 개발자에게 타입스크립트는 통곡의 벽 그 자체입니다.
그만큼, 타입스크립트는 어렵고 복잡한 언어입니다.
그래서, 누구보다도 더 쉽게 타입스크립트를 배울 수 있도록
오랫동안 고민하고 준비한 강의가 수코딩의 [핵심만 골라 배우는 Typescript]입니다.
타입스크립트를 배우고 싶지만, 어렵다고 느끼시는 분들에게 강력하게 추천합니다.

수코딩만의 강의 특징을 알려드릴게요(속닥속닥)

타입스크립트 강의의 4가지 특징

1100% 자막 지원

모든 강의는 100% 자막 지원해요. 영상에 강제로 자막을 넣지 않고, 동영상 플레이어에서 자막을 켜고 끌 수 있어요.

2 24시간 QNA

공부하는 데 가장 중요한 건, 궁금한 점을 바로 해결하는 것이죠. 수코딩은 24시간, 질문 확인 즉시 답변해드려요.

3어려운 설명 NO!

나는 초보자인데, 갑자기 어려운 단어, 설명이 나오면 당황스럽죠? 다년간의 부트캠프 강의 경험으로 수강생들이 어려워하는 부분을 정확하게 파악하고, 쉽게 설명해드립니다.

4지속적인 업데이트

결제했는데, 갑자기 최신 기술이 나오면 억울하죠? 걱정마세요. 수코딩은 지속적인 업데이트로 최신 기술을 놓치지 않고 배울 수 있어요.

학습 기술

이 강의에서 배울 수 있는 기술

  • TS 5.7

    2025년 1월 기준. 가장 최신의 타입스크립트 버전(v5.7)로 공부할 수 있어요.

  • 타입 시스템

    타입스크립트를 이해하는 데 필수적인 타입 시스템을 쉽게 배울 수 있어요.

  • 타입스크립트 기초

    타입스크립트의 기초적인 부분부터 다루기 때문에, 완전 초보자도 쉽게 배울 수 있어요.

  • 타입스크립트 고급

    타입별칭, 인터페이스, 제네릭 등등 고급 개념도 놓치지 않고 배울 수 있어요.

  • 유틸리티 타입

    타입스크립트에는 유용한 타입도 많은데요. 경험에서 나온 유용한 타입도 정리해서 알려드려요.

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

    재사용 가능한 타입 만드는 방법을 알아두면 면접에서 유리해요. 제가 알려드릴게요.

실전 예제

이 강의에서 만들어보는
역대급으로 다양한 미니 프로젝트

practice
Chapter 01준비하기

타입스크립트를 공부하기 위해서 해야하는 가장 기본적인 환경 설정을 배워봐요.

Chapter 02타입스크립트 기초

자바스크립트에도 기본 자료형과 참조 자료형이 있듯이, 타입스크립트고 기본 타입과 참조 타입이 있어요. 각각의 타입을 어렵지 않게 배워봅니다.

노트정리
UI실습
Chapter 03특별한 타입

기본 타입과 참조 타입에 해당하지 않는 특별한 타입도 있어요. any, unknown, never 등등 같이 살펴볼게요.

Chapter 04타입추론

타입스크립트의 타입을 자동으로 추론하는 방법을 배워봐요. 이때부터 타입스크립트가 조금 쉽게 느껴질거에요.

로그인 화면
todo list
Chapter 05함수 톺아보기

함수 타입은 배우면 배울수록 끝이 없는데요. 타입스크립트에서 할 수 있는 함수 타입에 대한 모든 내용을 같이 살펴봐요.

Chapter 06타입가드와 타입단언

타입스크립트의 고급 문법 중 하나인 타입가드와 타입단언은 타입스크립트 사용자라면 꼭 알아야 하는 내용이에요. 같이 배워봐요.

로그인 화면
todo list
Chapter 07객체 타입 톺아보기

객체 타입도 타입스크립트에서 굉장히 중요한 부분이에요. 앞에서 한 번 배워봤지만, 이번에는 좀 더 깊게 배워봐요.

Chapter 08인터페이스

점점 숙련자로 나아가고 있어요. 이제는 인터페이스를 배워봐요. 인터페이스는 타입스크립트에서 객체 형태의 타입을 지정할 때 사용해요. 재사용 가능한 타입을 만들 수 있어요.

로그인 화면
todo list
Chapter 09타입별칭

인터페이스와 비슷한 개념인 타입별칭은 나만의 타입을 만들 수 있게 해줘요. 인터페이스와 함께 타입스크립트에서 재사용 가능한 타입을 만들 때 사용해요.

Chapter 10클래스

자바스크립트의 클래스도 어려운데 타입스크립트의 클래스는 얼마나 더 어려울까요? 걱정하지 마세요. 저와 함께 쉽게 배워봐요.

로그인 화면
todo list
Chapter 11제네릭

타입스크립트 개념의 끝판왕 제네릭! 끝판왕 답게 어렵지만, 배우면 배울 수록 더 많은 것을 할 수 있어요. 타입스크립트의 끝판왕을 배워봐요.

Chapter 12유틸리티 타입

타입스크립트 자체적으로 지원하는 편의성 타입이 있어요. 유틸리티 타입이라고 하는데, 이 타입을 배우면 타입스크립트를 더 편하게 사용할 수 있어요.

로그인 화면
추천대상

핵심만 골라 배우는 TypeScript는
누가 들으면 좋을까요?

학생1

입문자

타입스크립트를 한 번도 공부한 적이 없는 초보자 & 입문자

학생2

경험자

타입스크립트를 알긴 하지만, 정확하게 안다고 자신할 수 없는 경험자

학생3

실무자

아직도 인터페이스나 타입별칭만 사용하는 실무자

학생4

오프라인 강의 No!

시간과 공간의 제약 없이 언제든지 공부하고 싶은 사람

FAQ

자주 묻는 질문

  • Q. 사전에 알고 있어야 하는 선수 지식이 있을까요?

    기초 수준 이상의 Javascript에 대한 선수 지식이 필요합니다.

  • Q. [코딩 자율학습 HTML+CSS+자바스크립트] 책에서 제공되는 무료 강좌와 차이점이 있나요?

    많은 차이가 있습니다. 유료 강좌는 온라인으로 학습하기에 최적화된 커리큘럼을 기반으로 제작했습니다. 따라서 강좌의 내용 구성이 책에서 제공된 무료 강좌와 차이가 크게 납니다. 또한, 책에서는 지면상의 이유로 자세히 설명하지 못했던 부분도 유료 강좌에서는 폭넓게 다루고 있습니다. 그리고 동영상의 편집 및 퀄리티도 압도적으로 유료 강좌가 더 좋습니다.

수코딩이 보장하는

커리큘럼

  • 총 레슨 95개
  • 1. 준비하기
    • 개발환경 설정하기
    • 첫 번째 타입스크립트 파일 만들기
    • npm으로 환경 조성하기
    • tsconfig.json 적용하기
    • tsconfig.json 코드
    • Code Runner 익스텐션
    • Code Runner가 문자열이 깨진다면 (윈도우)
    • TS Playground
    • 타입스크립트 버전 이해하기 1
    • 타입스크립트 버전 이해하기 2
  • 2. 타입스크립트 기초
    • 기본 용어들
    • 기본 타입
    • 객체 타입
    • 빈 객체 주의
    • 함수 선언문 타입
    • 함수 표현식 타입
    • 배열 타입
    • 객체 타입 - 심화
    • 옵셔널 속성(기초)
  • 3. 특별한 타입
    • any
    • unknown
    • never
    • 유니온 타입
    • 인터섹션 타입
  • 4. 타입추론
    • 타입추론(Type Annotations)
    • 타입추론 - 기본, 참조 자료형
    • 타입추론 - undefined, null
    • 타입추론 - 함수 관점
    • 타입추론 - 리터럴 타입 1
    • 타입추론 - 리터럴 타입 2
    • 타입추론 - 주의할 점
  • 5. 함수 톺아보기
    • 함수 시그니처
    • 함수 표현식의 시그니처
    • 객체 리터럴에서의 함수 시그니처
    • 콜백 함수의 시그니처
    • 콜백 함수에서 더 살펴보기
    • 함수 오버로드
    • 함수 오버로드 2
  • 6. 타입가드와 타입단언
    • 타입가드란?
    • 타입가드 주의할 점
    • 타입가드 확장
    • 타입단언
    • 널 아님 단언연산자
  • 7. 객체 타입 톺아보기
    • 객체 타입 복습
    • 옵셔널 속성
    • 옵셔널 속성 주의점
    • readonly
    • 객체 타입으로 함수 시그니처 지정하기
    • 인덱스 시그니처
    • 인덱스 시그니처 주의점
  • 8. 인터페이스
    • 객체 타입의 문제점
    • 인터페이스란?
    • 인터페이스에 대한 오해
    • 인터페이스와 옵셔널 속성
    • 인터페이스와 읽기 전용 속성
    • 인터페이스와 함수 시그니처
    • 인터페이스와 인덱스 시그니처
    • 인터페이스 병합
    • 인터페이스 상속 1
    • 인터페이스 상속 2
    • 인터페이스 다중 상속
    • 인터페이스 선택적 상속
    • 구조적 타이핑
  • 9. 타입 별칭
    • 타입별칭이란?
    • 타입별칭과 객체
    • 타입별칭의 병합과 상속
    • 타입별칭과 인터페이스의 상호작용 - 1
    • 타입별칭과 인터페이스의 상호작용 - 2
  • 10. 클래스
    • 클래스란
    • 타입스크립트 클래스
    • 접근제어자
    • 추상 클래스 - 1
    • 추상 클래스 - 2
    • class와 readonly
    • implements 1
    • implements 2
    • implements 3
  • 11. 제네릭
    • 제네릭
    • 제네릭 + 함수 1
    • 제네릭 + 함수 2
    • 제네릭 + 인터페이스
    • 제네릭 + 타입별칭
    • 제네릭 + 클래스
    • 제네릭 + 타입제약
    • 제네릭 + 타입제약 2
    • 조건부 타입
    • infer
  • 12. 유틸리티 타입
    • Partial<T>
    • Required<T>
    • Readonly<T>
    • Record<K>
    • Pick<T>
    • Omit<T>
    • Exclude<T>
    • Extract<T>

수강생 강의 후기

  • 10명 참여 / 4.9(10 ratings)
5
90%
4
10%
3
0%
2
0%
1
0%
안지원
믿고 듣는 수코딩 강의 달려봅니다~~~~!!!
안지혜
영상마다 길이가 짧아서 부담스럽지 않게 매일 듣다 보니 생각보다 금방 완강한 것 같습니다. 예시를 하나하나 보여주셔서 이해하기 쉬워서 좋았습니다!!!
김현우
오늘부터 1일차 달려보겠습니다 ~~~!
황유빈
강의 하나하나 개념들을 섬세하게 알려주셔서 몰입이 굉장히 잘되어서 이틀만에 완강했습니다. 두고두고 계속 찾아볼 것 같습니다
wonny
믿고 듣는 수쌤!! 타입스크립트도 부탁드립니다!!
최보아
가장 좋았던건 강의의 길이가 부담스럽지 않게 나눠져있어서 미루지 않고 들을 수 있다는 거! 그리고 이거 듣기 전에는 제네릭이나 클래스, 유틸리티 같은 내용들이 감이 안왔는데, 이 강의는 핵심들을 짚어주고 점진적으로 개념을 쌓아갈 수 있게 구성되어있어서 생각했던 것보다 수월하게 이해하고 정리가 된 것 같습니다 o(* ̄▽ ̄*)ブ
강수영
타입스크립트 뿌셔보겠습니다
권윤지
완강 도전해 보겠습니다 파이팅 &lt;('_')
차유리
HTML, CSS, JS에 이어서 타입스크립트 강의도 결제합니다. 선발대 출발할게요~!
박세환
영상 하나의 길이가 길지 않아서 집중력이 쉽게 깨지지 않는 느낌을 받았습니다. 개념과 사용 시 주의해야 할 점을 같이 설명해주어 좋았습니다. 타입스크립트 기초를 다지기에 좋은 강의라고 생각합니다.
수코딩 로고수코딩

수코딩은 누구나 쉽게 코딩을 배울 수 있는 온라인 코딩 교육을 만들어갑니다.

대표자: 김기수 | 사업자번호: 208-26-67207 | 통신판매업신고: 2024-성남중원-0311 개인정보관리책임자: 김기수 | 이메일: sucoding@naver.com

유튜브 로고
카카오 채널