Inflearn brand logo image
Inflearn brand logo image
BEST
개발 · 프로그래밍

/

프로그래밍 언어

얄코의 가장 쉬운 타입스크립트(TypeScript)

타입스크립트의 문법과 사용법을 가장 쉬운 설명으로 빠르게 학습합니다.

(5.0) 수강평 25개

수강생 231명

TypeScript

이런 걸 배울 수 있어요

  • 타입스크립트의 타입 개념과 원리

  • 타입스크립트 문법과 사용법

  • 타입스크립트 실무 활용팁들

💬 댓글 달고 반값에 수강하기 이벤트 진행중!
아래의 유튜브 영상(본 강의의 무료파트)에 힘이 되어주는 댓글을 달아주신 뒤(한 줄도 괜찮습니다)
yalco@yalco.kr 로 스크린샷을 보내주시면 반값 쿠폰을 보내드립니다.
영상 링크: https://youtu.be/QmdJZKl1znE

제목 없음-1

🚀 가장 쉽고 빠르게 배우는 타입스크립트

타입스크립트는 자바스크립트를 더 안전하고 믿을 수 있게 만들어주는 언어입니다. 갑자기 터지는 오류나, 협업 중에 생기는 애매한 버그들을 줄이는 데 정말 큰 도움이 되죠.
이번 강의에서는 타입스크립트립트가 왜 중요하고 어떻게 사용되는지,
기본적인 타입 선언부터 인터페이스, 제네릭, 유니언과 인터섹션까지 중요한 내용들을 빠짐없이 다룹니다.

강의를 모두 마치고 나면, 타입스크립트를 실무에 자신 있게 적용할 수 있는 탄탄한 기초를 갖추게 될 거예요.

😀 얄코의 강의는 특별합니다.

설명대장 얄코가 알려주는 타입스크립트

어떤 어렵고 복잡한 개념들도 뚝딱 알려주는 얄코가 고심을 거듭한 비유들과 예제들을 통해, 타입스크립트의 각종 개념들과 활용법들을 쉽고 빠르게 배우실 수 있습니다.

모든 예제코드 스니펫으로 제공됩니다.
강의에 사용되는 수많은 예제들이 모두 노션 페이지로부터 복붙 가능하도록 제공되어 있습니다.
이들을 활용하여 빠르고 편리하게 학습을 진행할 수 있습니다.

🚀 많은 분량의 지식을 빠르게 학습합니다.
코드를 타이핑하거나 실행하는 과정 없이 진행하여 짧은 시간 내 많은 분량을 학습합니다.
모든 장면에 그래픽과 자막이 제공되어 불편함 없이 효율적으로 타입스크립트를 공부할 수 있습니다.

  • 본 강의의 스타일이 맞지 않는 분도 계실 수 있으므로, 미리보기 영상들을 확인해주세요.

이런 분들께 추천해요

inflearn_python_04

타입스크립트를 배우고 싶어요.
타입스크립트를 처음 접하거나, 헷갈리던 개념들을 정리하고 싶은 분

inflearn_python_06

안정성 있는 개발을 하고 싶어요.
자바스크립트의 한계를 느끼고, 더 안전하고 예측 가능한 코드를 작성하고 싶은 개발자

inflearn_python_07

실무에서 자신 있게 쓰고 싶어요.
복잡한 타입, 유틸리티 타입, 제네릭 등을 실제 코드에 적용해보고 싶은 개발자

📋 이런 내용을 배워요.

타입 시스템과 기본 타입

  • 타입스크립트 소개 및 설정

  • 기본 타입: string, number, boolean

  • null vs undefined / void / never

  • 리터럴 타입

배열과 튜플

  • 배열 타입 및 다차원 배열

  • 읽기 전용 배열 (ReadonlyArray)

  • 튜플: 고정된 타입과 순서를 가진 배열

열거형 (Enum)

  • 숫자 / 문자열 / 혼합형 열거형

  • const enum 및 최적화

함수

  • 선언식 / 표현식 / 화살표 함수

  • 선택적 매개변수 / 기본값 / 나머지 매개변수

  • 함수 타입 정의 및 콜백 구조

인터페이스

  • 객체 타입 지정

  • 선택적 속성 & 읽기 전용 속성

  • 함수 및 메소드 정의

  • 인터페이스 상속 / 다중 상속 / 중첩

  • 인터페이스 병합

  • 클래스에 implements 적용

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

  • 클래스 선언 / 생성자 / 접근 제어자

  • 상속, 오버라이딩, super 키워드

  • 다형성 (Polymorphism)

  • 추상 클래스 (abstract)

고급 타입

  • 교차 타입 (Intersection) / 유니언 타입 (Union)

  • 타입 가드: typeof / in / instanceof / 사용자 정의

  • 맵드 타입 / 템플릿 리터럴 타입

  • 선택적 & 읽기 전용 속성 조합

  • keyof / infer / 조건부 타입

제네릭

  • 제네릭 함수 및 타입 추론

  • 제네릭 배열 / 튜플 / 인터페이스 / 타입 별칭

  • 제약 조건 (extends)

  • keyof와 조건부 타입 활용

  • 실용 예제: 결과 타입 등

내장 제네릭과 유틸리티 타입

  • Array, ReadonlyArray, Map, Set, WeakMap, WeakSet

  • Promise<T> 및 비동기 타입

  • Partial / Required / Readonly 등 다수의 유틸리티 타입들

모듈 시스템과 설정

  • 네임스페이스 사용법 및 중첩 구조

  • 모듈화: import / export 문법

  • tsconfig 설정: baseUrl / paths / strict 옵션들

  • JSON 임포트, esModuleInterop 등


선언 파일

  • .d.ts 파일 작성 및 활용법

  • @types 패키지 활용법

수강 전 참고 사항

학습 자료

  • 강의에서 사용되는 명령어들과 코드들이 노션 페이지로 제공됩니다.

선수 지식 및 유의사항

  • 자바스크립트 초급/중급 지식

  • 자바스크립트 지식이 부족하다고 느끼시는 분들은 아래의 약 7시간 분량 강의를 통해 무료로 자바스크립트를 배우세요

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 타입스크립트를 배우고자 하시는 분

  • 보다 안정적인 JS 프로젝트를 개발하고자 하시는 분

  • Node.js 환경에서 프로그래밍하는 개발자

선수 지식,
필요할까요?

  • 자바스크립트

안녕하세요
입니다.

28,562

명

수강생

1,367

개

수강평

82

개

답변

4.9

점

강의 평점

16

개

강의

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

커리큘럼

전체

31개 ∙ (5시간 22분)

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

수강평

전체

25개

5.0

25개의 수강평

  • Sei Chang Kwon님의 프로필 이미지
    Sei Chang Kwon

    수강평 3

    ∙

    평균 평점 5.0

    수정됨

    5

    39% 수강 후 작성

    얄팍한 코딩이라는 이름과 어울리지 않는 깊이 있는 지식에 늘 즐겁게 강의를 시청하고 있습니다. 진짜 공부 안하고 시청만 하는 느낌으로 접하고 있어서 시청이라고 적었어요. ㅎㅎ 유투브 초기에 얼굴로 공개해서 알려주시던 시절부터 즐겁게... 개념정의 해주시는 부분을 잘 수강하고 있습니다. 실무에서 개발을 하기는 하지만, 전업 개발자가 아니라... 대략 이렇구나 하는 지점을 정말 잘 알려주셔서, 감탄하면서 순식간에 파트를 넘겨서 진행했습니다. 특히, TS 문법확인하면서, 불필요해보이는 "never"는 왜 쓰는걸까? 하는 내용에 대해서는 가볍게 한줄 코딩하지 않으면서 강의를 따라가지만, 그동안 궁금했던 가려운 부분을 제대로 긁어줍니다. 한층 깊이있게 지식이 넓어지는 느낌을 받았습니다. 알팍하다고 겸손한 네이밍에 전혀 어울리지 않는, 깊이 있는 전달방식에 다시금 감탄했어요. 강력하게 추천합니다.

    • 얄팍한 코딩사전
      지식공유자

      오랫동안 제 컨텐츠들 보아와주셔서 정말 감사드립니다!! 어떻게 알려드릴지 많이 고민하고 만든 강의인데 그 이상으로 보람을 느끼게 해 주신 리뷰네요 ㅠㅠ 남은 과정중에도 강의가 많이 도움되어드리길 바랍니다. 앞으로도 더더욱 좋은 컨텐츠로 보답하겠습니다! 감사합니다!

  • plugin님의 프로필 이미지
    plugin

    수강평 3

    ∙

    평균 평점 5.0

    5

    61% 수강 후 작성

    타입스크립트를 써야하는 이유를 제대로 알려주고.. 초보자수업이지만 폭넓고 깊게 많은것을 알려주시네여~ 앞으로 남은 강좌도 이해가 되는 그날까지 무한반복!!

    • 얄팍한 코딩사전
      지식공유자

      감사합니다!! 남은 과정중 잘 안 되거나 이해가 어려운 부분이 있으면 언제든 질문주세요!!

  • hhh님의 프로필 이미지
    hhh

    수강평 1

    ∙

    평균 평점 5.0

    5

    32% 수강 후 작성

    단순히 타입스크립트를 사용하는 방법만 알려주시는게 아니라, tsconfig 설정이나 .d.ts 파일 작성 및 활용법 이런 항목도 있어서 큰 도움이 됩니다 감사합니다

    • 얄팍한 코딩사전
      지식공유자

      감사합니다!! 남은 과정중 잘 안 되거나 이해가 어려운 부분이 있으면 언제든 질문주세요!!

  • so404님의 프로필 이미지
    so404

    수강평 4

    ∙

    평균 평점 5.0

    5

    30% 수강 후 작성

    유튜브에 올라올때부터 잘 보다가 출시되고 바로 가입해서 수강했습니다. 강의퀄리티 너무 좋고 화면에 친절하게 다 표시돼있어서 잘 모르는 부분 다시 보기도 정말 편합니다. 잘듣겠습니다.

    • 얄팍한 코딩사전
      지식공유자

      감사합니다! 남은 과정중에도 어려운 부분은 언제든 질문주세요!

  • chinij님의 프로필 이미지
    chinij

    수강평 22

    ∙

    평균 평점 4.8

    5

    57% 수강 후 작성

    알려줄것들만 빠르면서 확실하게 팍팍 알려주고 넘어가서 시원시원 좋습니다

    • 얄팍한 코딩사전
      지식공유자

      감사합니다! 남은 과정중에도 어려운 부분이 있으면 언제든 질문주세요!

얄팍한 코딩사전님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

제대로 파는 Git & GitHub - by 얄코(Yalco)講義サムネイル

제대로 파는 Git & GitHub - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절하고 쉬운 강좌! 현업 개발자는 Git 박사로 들어주는 끝판왕 강좌!

入門

入門

Git, GitHub

얄코의 가장 쉬운 Node.js講義サムネイル

얄코의 가장 쉬운 Node.js

얄팍한 코딩사전

실무 프론트/백엔드 개발 이전에 꼭 알아야 할, Node.js의 핵심 원리와 실전 기술을 담았습니다.

初級

初級

Node.js

제대로 파는 HTML CSS - by 얄코(Yalco)講義サムネイル

제대로 파는 HTML CSS - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절하고 쉬운 강좌! 현업 개발자는 HTML & CSS 박사로 들어주는 끝판왕 강좌!

入門

入門

HTML/CSS

얄코의 가장 쉬운 리액트(React)講義サムネイル

얄코의 가장 쉬운 리액트(React)

얄팍한 코딩사전

설명대장 얄코의 녹진하고 꾸덕한 강좌로 가장 쉽게, 가장 빠르게 리액트를 배우세요!

初級

初級

JavaScript, React, Node.js

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)講義サムネイル

제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

얄팍한 코딩사전

코알못도 따라올 수 있는 친절한 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!

初級

初級

JavaScript

얄코의 떠먹여주는 객체지향 디자인 패턴講義サムネイル

얄코의 떠먹여주는 객체지향 디자인 패턴

얄팍한 코딩사전

OODP의 25가지 패턴들을 통해 소프트웨어를 객체지향적으로 설계하는 다양한 방법들을 배웁니다.

初級

初級

Java, 객체지향, 디자인 패턴

제대로 파는 자바 (Java) - by 얄코(Yalco)講義サムネイル

제대로 파는 자바 (Java) - by 얄코(Yalco)

얄팍한 코딩사전

적당히 배워서는 살아남을 수 없는 시대. 자바, 한 번에 제대로 파서 마스터하세요!

入門

入門

Java, 함수형 프로그래밍, 객체지향

갖고노는 MySQL 데이터베이스 by 얄코講義サムネイル

갖고노는 MySQL 데이터베이스 by 얄코

얄팍한 코딩사전

비전공자도 이해할 수 있는 MySQL! 빠른 설명으로 필수개념만 훑은 뒤 사이트의 예제들과 함께 MySQL을 ‘갖고 놀면서’ 손으로 익힐 수 있도록 만든 강좌입니다.

入門

入門

MySQL, SQL, DBMS/RDBMS

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX講義サムネイル

얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX

얄팍한 코딩사전

⚡ 짧고 굵은 전체 160분 강좌! 웹사이트에서 웹사이트로 코드를 복붙하며, ReactiveX를 통한 반응형 프로그래밍을 익히세요 😎

初級

初級

RxJS, JavaScript, 함수형 프로그래밍

Yalco's TypeScript (English ver.)講義サムネイル

Yalco's TypeScript (English ver.)

얄팍한 코딩사전

Learn TypeScript syntax and usage quickly with the easiest explanations!

初級

初級

TypeScript

가장 쉬운 Node.js (글로벌 버전)講義サムネイル

가장 쉬운 Node.js (글로벌 버전)

얄팍한 코딩사전

이 강좌는 실제 프런트엔드 또는 백엔드 개발에 뛰어들기 전에 반드시 알아야 할 Node.js의 핵심 원리와 실용적인 기술을 다룹니다.

初級

初級

Node.js

The Easiest React (Global ver.)講義サムネイル

The Easiest React (Global ver.)

얄팍한 코딩사전

Learn React the Easiest and Fastest Way!

入門

入門

React, JavaScript, Node.js

25 Object-Oriented Design Patterns by Yalco (Global ver.)講義サムネイル

25 Object-Oriented Design Patterns by Yalco (Global ver.)

얄팍한 코딩사전

You will learn various ways to design software in an object-oriented manner through the 25 patterns of OODP.

初級

初級

Java, 디자인 패턴

뉴비를 위한 자바스크립트講義サムネイル

뉴비를 위한 자바스크립트

얄팍한 코딩사전

코딩을 자바스크립트로 시작하시는 분들을 위한, 가장 쉬운 자바스크립트 강의입니다.

入門

入門

JavaScript

얄팍한 GraphQL과 Apollo講義サムネイル

얄팍한 GraphQL과 Apollo

얄팍한 코딩사전

⚡ 짧고 굵은 전체 90분 강좌! 사이트의 코드들을 복붙하며 빠르게 GraphQL을 배우고 아폴로 사용법을 익히세요.

初級

初級

GraphQL, Apollo, Node.js

비슷한 강의

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

타입스크립트 시작하기講義サムネイル

타입스크립트 시작하기

이재승

타입스크립트를 배우고 싶은 자바스크립트 개발자를 위한 강의입니다. 타입스크립트의 고급 기능까지 배울 수 있습니다.

初級

初級

TypeScript

이펙티브 타입스크립트 스터디講義サムネイル

이펙티브 타입스크립트 스터디

정재남

《이펙티브 타입스크립트》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!

初級

初級

TypeScript

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)講義サムネイル

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

장기효(캡틴판교)

실무에서 많이 사용되는 React와 Vue의 코드를 작성하면서 타입스크립트 필수 개념을 익히는 강의입니다. React와 Vue에 타입을 입히는 방법, ChatGPT 사용법까지 모두 잡는 실무자와 입문자 모두를 위한 강의!

初級

初級

React, TypeScript, Vue.js

아이오닉(ionic2) 개발을 위한 타입스크립트 기본講義サムネイル

아이오닉(ionic2) 개발을 위한 타입스크립트 기본

차정민

하이브리드 앱 개발을 위한 프레임워크 중 하나인 Ionic2 Framework를 학습하기 위한 사전단계로 Typescript 를 배워봅니다.

初級

初級

IONIC, TypeScript

[1시간](다른언어)개발자를 위한 자바스크립트講義サムネイル

[1시간](다른언어)개발자를 위한 자바스크립트

개복치개발자

이미 개발언어(Java/python/swift/kotlin 등)을 사용해본 개발자를 대상으로 자바스크립트를 한시간만에 빠르게 익힐 수 있는 강의입니다. AI와 함께 코딩하는 시대이지만, AI코드를 인간 개발자가 감독해야 하기 때문에 감독을 위한 최소한의 지식을 빠르게 쌓기 위한 강의입니다.

初級

初級

JavaScript, TypeScript

실전 프로젝트로 배우는 타입스크립트講義サムネイル

실전 프로젝트로 배우는 타입스크립트

장기효(캡틴판교)

"타입스크립트 입문 - 기초부터 실전까지"의 실전 활용편입니다. 입문 편을 수강하지 않으신 분들은 입문 편부터 수강해주세요 😄

中級以上

中級以上

TypeScript, ES6

앱 개발 입문을 위한 React Native 완벽 기초 클래스講義サムネイル

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

入門

入門

JavaScript, React, Node.js

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)講義サムネイル

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

入門

入門

TypeScript, IONIC, 하이브리드 앱