TypeScript 배우기

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

학습 시작(무료)

커리큘럼 보기 TypeScript 소개 플레이그라운드

311,232+ 명의 codders가 등록함

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

초보자 환영
AI 코딩 도우미
실습 중심의 대화형 강의
지식을 확인하는 퀴즈
무료 수료증

커리큘럼

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

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

섹션 1기초77 개 강의
섹션 2논리 & 흐름65 개 강의
섹션 3
TypeScript 소개
섹션 시작하기시작펼치기접기JavaScript에 대해 배운 후 TypeScript 소개73 개 강의73 챌린지438 문제2 프로젝트
TS 시작하기
5 개 강의332
01TypeScript란 무엇인가요?퀴즈
02왜 TypeScript를 사용해야 할까요?퀴즈
03첫 번째 TypeScript 코드 작성하기챌린지마스터리퀴즈
04컴파일 과정 및 에러퀴즈
05요약: TS 입문챌린지
핵심 타입
7 개 강의1248
01기본 타입: str, num, boolean챌린지마스터리퀴즈
02'any' 타입: 탈출구챌린지마스터리퀴즈
03'unknown' 타입챌린지마스터리퀴즈
04'null' & 'undefined' 다루기챌린지마스터리퀴즈
05타입 추론의 활용챌린지마스터리퀴즈
06명시적 타입 어노테이션챌린지퀴즈
07요약: 핵심 타입 실습챌린지
자료구조: 배열과 튜플
9 개 강의862
01타입이 지정된 배열챌린지퀴즈
02배열의 'readonly' 수식어챌린지퀴즈
03튜플이란 무엇인가?퀴즈
04튜플 선언과 접근챌린지퀴즈
05튜플 구조 분해챌린지퀴즈
06읽기 전용 튜플챌린지퀴즈
07다차원 타입 배열챌린지퀴즈
08배열과 Spread Operator챌린지퀴즈
09요약: 배열과 튜플챌린지
함수 활용하기
8 개 강의855
01매개변수 및 반환값 타입 지정챌린지퀴즈
02화살표 함수 타입 지정챌린지퀴즈
03'void' 반환 타입챌린지퀴즈
04'?'를 사용한 선택적 매개변수챌린지퀴즈
05기본 매개변수 값챌린지퀴즈
06나머지 매개변수 타입 지정챌린지퀴즈
07함수 타입 정의하기챌린지퀴즈
08요약: 타입이 지정된 함수 작성하기챌린지
타입: 별칭, 유니온 및 인터섹션
7 개 강의751
01원시 타입을 위한 타입 별칭챌린지퀴즈
02유니온 타입 ('|')챌린지퀴즈
03유니온 타입 활용하기챌린지퀴즈
04리터럴 타입챌린지퀴즈
05인터섹션 타입 ('&')챌린지퀴즈
06타입 별칭 결합하기챌린지퀴즈
07요약: 고급 타입 조합챌린지
객체와 인터페이스 타입 정의
8 개 강의757
01인라인 객체 타입 어노테이션챌린지퀴즈
02객체를 위한 타입 별칭챌린지퀴즈
03인터페이스 소개챌린지퀴즈
04인터페이스 vs 타입 별칭퀴즈
05선택적 속성과 읽기 전용 속성챌린지퀴즈
06인터페이스와 타입 확장하기챌린지퀴즈
07인터페이스에 메서드 추가하기챌린지퀴즈
08요약: 객체 구조 정의하기챌린지
프로젝트: 간단한 할 일 목록
프로젝트6 개 강의68
01프로젝트: Task 구조체 정의하기챌린지퀴즈
02할 일 추가 함수프로젝트챌린지
03할 일 상태 변경 함수프로젝트챌린지
04함수: 상태별 할 일 목록 보기프로젝트챌린지
05함수: 할 일 요약 출력하기프로젝트챌린지
06하나로 합치기프로젝트챌린지
열거형
6 개 강의638
01숫자형 열거형이란 무엇인가요?챌린지퀴즈
02숫자형 열거형 사용하기챌린지퀴즈
03문자열 열거형이란 무엇인가요?챌린지퀴즈
04문자열 열거형 사용하기챌린지퀴즈
05이종 열거형챌린지퀴즈
06요약: 열거형 사용하기챌린지
제네릭: 살펴보기
6 개 강의537
01제네릭이 해결하는 문제퀴즈
02제네릭 Identity 함수 만들기챌린지퀴즈
03제네릭 함수 사용하기챌린지퀴즈
04제네릭 배열챌린지퀴즈
05제네릭 인터페이스챌린지퀴즈
06요약: 제네릭 함수 연습챌린지
프로젝트: 재고 관리
프로젝트5 개 강의58
01프로젝트: 제네릭 재고 아이템챌린지퀴즈
02함수: 재고에 아이템 추가하기프로젝트챌린지
03ID로 아이템을 찾는 함수프로젝트챌린지
04특정 재고 유형 생성하기프로젝트챌린지
05아이템 상세 정보를 가져오는 함수프로젝트챌린지
고급 주제
6 개 강의642
01타입 단언챌린지퀴즈
02타입 가드: in & instanceof챌린지퀴즈
03'never' 타입챌린지퀴즈
04Nullable 타입 ('strictNull')챌린지퀴즈
05객체 인덱스 시그니처챌린지퀴즈
06요약: 타입 세부 조정챌린지
섹션 4객체 지향 프로그래밍56 개 강의

JavaScript 여정 전체 커리큘럼 보기

제공되는 것

코딩을 배우기 위해 사용할 모든 것

해보면서 배우기

실제 코드를 작성하고, 데이터베이스를 쿼리하고, 웹사이트를 구축하고, AI 프롬프트를 마스터하세요. 인터랙티브 레슨으로 현대 개발자에게 필요한 모든 기술을 다룹니다.

playground.js

코드 편집기

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

테스트 #1

테스트 #2

테스트 #3

입력

"Alex"

출력

"Hello, Coddy! Alex"

연속 기록을 쌓아보세요

꾸준히 하고 성장하는 모습을 지켜보세요! 매일 코딩 습관을 추적하고, 동결 기능으로 연속 기록을 보호하고, 매일 참여해서 보상을 받으세요.

12 일 연속

내일도 돌아와서 연속 기록을 유지하세요!

January 2026

더블 오어 낫싱

7일 중 5일차

연속 기록 동결

2 left

어디서나 코딩하세요

코딩 여정을 함께 하세요! 설정도, 다운로드도 필요 없이 바로 열어서 코딩을 시작하세요. iOS, Android, 웹에서 4.9점 평점으로 이용 가능합니다.

250

변수

계속하기

4.9

평점

당신은 혼자가 아닙니다

글로벌 리더보드에서 경쟁하고, 친구를 초대해서 보상을 받고, 서로의 성공을 축하하세요. 코딩은 친구와 함께하면 더 좋아요!

챌린저 리그상위 7명 승급

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

승급 구역

모든 방식으로 학습

읽고, 듣고, 스스로 확인하고, AI에게 묻고, 이미 배운 내용을 찾아보세요. 모든 수업이 당신에게 맞춰집니다.

변수 입문

오디오

변수는 나중에 프로그램에서 참조할 값을 저장하는, 이름이 있는 컨테이너입니다.

Python에서는 이름, 등호, 저장할 값을 차례대로 써서 만듭니다.

값은 시간이 지나며 바뀔 수 있습니다. 재할당하면 그 이름이 새로운 값을 가리킵니다.

1xSarah

수료증을 받으세요

완료한 모든 코스에 대해 인증서를 받으세요. LinkedIn 프로필과 이력서에 추가하여 고용주에게 코딩 전문성을 보여주세요.

수료증

이 인증서는홍길동성공적으로 완료했음을 증명합니다

Python 기초

날짜2026년 1월

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와 함께 TypeScript 소개 배우기

시작하기

TypeScript 배우기

TypeScript 소개

TS 시작하기

핵심 타입

자료구조: 배열과 튜플

함수 활용하기

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

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

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

열거형

제네릭: 살펴보기

프로젝트: 재고 관리

고급 주제