Menu
Coddy logo textTech
학습 시작하기
flag Ko icon한국어down icon
js iconJavaScript 여정의 일부인기여정

TypeScript 배우기

JavaScript 위에 구축된 무료 인터랙티브 TypeScript 강의입니다. 모든 레슨에서 직접 TS를 작성합니다 - 타입 주석, 인터페이스, 제네릭, 유니온, 타입 좁히기 - 막힐 때는 AI 힌트를 받고 완료하면 수료증을 받습니다. 더 넓은 JavaScript 여정의 일부이므로, TypeScript를 제대로 이해하게 해 주는 JS 맥락이 바로 함께 제공됩니다.

학습 시작(무료)
커리큘럼 보기TypeScript 소개 플레이그라운드

268,541+ 명의 codders가 등록함

73 개 강의58 챌린지438 퀴즈 문제

  • 초보자 환영
  • sparkles iconAI 코딩 도우미
  • hint icon실습 중심의 대화형 강의
  • volume On icon모든 레슨에 음성 나레이션 제공
  • quiz icon지식을 확인하는 퀴즈
  • certificate icon무료 수료증

커리큘럼

1 섹션2 프로젝트73 개 강의58 챌린지438 퀴즈 문제

이 섹션은 JavaScript 여정의 일부입니다. 전체 커리큘럼에는 더 많은 섹션이 있어요 - 아래 미리보기를 클릭하면 여정 페이지에서 확인할 수 있습니다.

  1. 섹션 1기초77 개 강의
  2. 섹션 2논리 & 흐름65 개 강의
  3. 섹션 3

    TypeScript 소개

    섹션 시작하기시작펼치기접기    JavaScript에 대해 배운 후 TypeScript 소개73 개 강의58 챌린지438 문제2 프로젝트

    TS 시작하기

    5 개 강의232

    핵심 타입

    7 개 강의748

    자료구조: 배열과 튜플

    9 개 강의862

    함수 활용하기

    8 개 강의855

    타입: 별칭, 유니온 및 인터섹션

    7 개 강의751

    객체와 인터페이스 타입 정의

    8 개 강의757

    프로젝트: 간단한 할 일 목록

    프로젝트6 개 강의18

    열거형

    6 개 강의638

    제네릭: 살펴보기

    6 개 강의537

    프로젝트: 재고 관리

    프로젝트5 개 강의18

    고급 주제

    6 개 강의642
  4. 섹션 4객체 지향 프로그래밍56 개 강의
JavaScript 여정 전체 커리큘럼 보기
제공되는 것
코딩을 배우기 위해 사용할 모든 것

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Coddy로 TypeScript를 배워야 하는 이유

  • 브라우저에서 TypeScript를 작성하세요. tsc 설치도, 에디터 설정도, 씨름해야 할 tsconfig.json도 없습니다. 에디터와 출력이 나란히 배치되어 각 타입이 무엇을 하는지 즉시 확인할 수 있습니다.
  • 현대적인 TypeScript: 타입 주석, 인터페이스, 제네릭, 유니온과 인터섹션 타입, 타입 좁히기, 유틸리티 타입, 그리고 TS가 런타임에 실행되는 결과를 바꾸지 않으면서 순수 JavaScript 위에 어떻게 얹히는지를 배웁니다.
  • AI 힌트는 TypeScript 에러 - 그 악명 높게 긴 에러들 - 를 정답을 미리 알려주지 않으면서 읽어내도록 도와줍니다. 그래서 앞으로 TS 코드를 더 쉽게 작성하게 해 주는 사고 모델을 쌓을 수 있습니다.
  • 섹션을 완료하면 무료 TypeScript 수료증을 받습니다. 타입을 군데군데 뿌린 JavaScript가 아니라, 관용적인 TS를 읽고 쓸 수 있다는 신뢰할 수 있는 증거가 됩니다.

TypeScript 학습에 관한 자주 묻는 질문

TypeScript란 무엇인가요?

TypeScript는 선택적인 정적 타이핑을 더한 JavaScript의 상위 집합(superset)입니다. 유효한 JavaScript는 곧 유효한 TypeScript이지만, TS에서는 변수, 함수 매개변수, 반환값에 타입을 주석으로 달 수 있고 - 그러면 컴파일러가 코드가 실행되기 전에 실수를 잡아냅니다. 런타임에서는 TypeScript가 순수 JavaScript로 컴파일됩니다.

TypeScript는 배우기 어렵나요?

JavaScript에 익숙하다면 TypeScript의 기본기는 빠르게 익힐 수 있습니다 - 몇몇 변수에 : string이나 : number를 붙이는 것만으로 이미 TS를 작성하는 셈이죠. 더 까다로운 부분(제네릭, 조건부 타입, 매핑된 타입, 타입 좁히기)은 시간이 더 걸리며, 이 강의는 이를 실습 예제와 함께 작은 단계로 소개합니다.

TypeScript를 배우기 전에 JavaScript를 알아야 하나요?

네. TypeScript는 타입을 얹은 JavaScript이므로, 여러분이 실제로 배우는 언어는 JS입니다. 이 TypeScript 섹션이 JavaScript 여정의 일부인 것도 그 때문입니다 - JS 섹션을 먼저 들어도 되고, 이미 현대적인 JavaScript에 익숙하다면 바로 TS로 건너뛰어도 됩니다.

TypeScript와 JavaScript의 차이는 무엇인가요?

JavaScript는 동적 타입 언어입니다 - 변수가 오늘은 문자열을 담고 내일은 숫자를 담을 수 있으며, 그 사실은 런타임에야 알게 됩니다. TypeScript는 빌드 시점에 동작하는 정적 타입 계층을 더해, 코드가 배포되기 전에 타입 불일치를 잡아냅니다. 컴파일된 결과물은 여전히 순수 JavaScript이므로, JS가 실행되는 곳이라면 어디서든 동작합니다.

TypeScript를 온라인에서 무료로 배울 수 있나요?

네. 인터랙티브 TypeScript 섹션은 무료입니다 - 전체 레슨, 코딩 연습, 퀴즈, 그리고 수료증까지요. 에디터는 TS 컴파일러가 내장된 채로 브라우저에서 실행되므로, TypeScript를 작성하기 시작하는 데 tsc, Node, 또는 어떤 도구도 설치할 필요가 없습니다.

TypeScript 강의를 마치면 수료증을 받나요?

네. TypeScript 섹션을 완료하면 LinkedIn에 공유하거나 이력서에 포함할 수 있는 무료 수료 증명서를 받습니다. 단순히 튜토리얼을 시청한 것이 아니라, 체계적이고 실습 중심의 TypeScript 과정을 끝까지 해냈다는 검증 가능한 증거가 됩니다.
Coddy programming languages illustration

Learn TypeScript 소개 with Coddy

시작하기