JavaScript 여정의 일부인기여정Learn TypeScript
A free, interactive TypeScript course built on top of JavaScript. You write TS on every lesson - type annotations, interfaces, generics, unions, narrowing - with AI hints when you get stuck and a certificate when you finish. Part of the wider JavaScript journey, so the JS context that makes TypeScript click is right there.
253,075+ 명의 codders가 등록함
- 초보자 환영
AI 코딩 도우미
실습 중심의 대화형 강의
모든 레슨에 음성 나레이션 제공
지식을 확인하는 퀴즈
무료 수료증
커리큘럼
이 섹션은 JavaScript 여정의 일부입니다. 전체 커리큘럼에는 더 많은 섹션이 있어요 - 아래 미리보기를 클릭하면 여정 페이지에서 확인할 수 있습니다.
- 섹션 1기초77 개 강의
- 섹션 2논리 & 흐름65 개 강의
섹션 1
TypeScript 소개
섹션 시작하기시작펼치기접기JavaScript에 대해 배운 후 TypeScript 소개TS 시작하기
5 개 강의232- 01TypeScript란 무엇인가요?퀴즈
- 02왜 TypeScript를 사용해야 할까요?퀴즈
- 03첫 번째 TypeScript 코드 작성하기챌린지퀴즈
- 04컴파일 과정 및 에러퀴즈
- 05요약: TS 입문챌린지
핵심 타입
7 개 강의748- 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 개 강의18- 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 개 강의18- 01프로젝트: 제네릭 재고 아이템챌린지퀴즈
- 02함수: 재고에 아이템 추가하기프로젝트
- 03ID로 아이템을 찾는 함수프로젝트
- 04특정 재고 유형 생성하기프로젝트
- 05아이템 상세 정보를 가져오는 함수프로젝트
고급 주제
6 개 강의642- 01타입 단언챌린지퀴즈
- 02타입 가드: in & instanceof챌린지퀴즈
- 03'never' 타입챌린지퀴즈
- 04Nullable 타입 ('strictNull')챌린지퀴즈
- 05객체 인덱스 시그니처챌린지퀴즈
- 06요약: 타입 세부 조정챌린지
- 섹션 4객체 지향 프로그래밍56 개 강의
Why learn TypeScript with Coddy
- Write TypeScript in your browser. No
tscinstall, no editor setup, notsconfig.jsonto wrangle. The editor and output sit side-by-side so you see what each type does instantly. - Modern TypeScript: type annotations, interfaces, generics, union and intersection types, narrowing, utility types, and how TS layers on top of plain JavaScript without changing what runs at runtime.
- AI hints help you read TypeScript errors - the famously long ones - without spoiling the fix, so you build the mental model that makes future TS code easier to write.
- Free TypeScript certificate when you finish the section. A credible signal that you can read and write idiomatic TS, not just JavaScript with sprinkled types.
Frequently asked questions about learning TypeScript
What is TypeScript?
TypeScript is a superset of JavaScript that adds optional static typing. Valid JavaScript is valid TypeScript, but TS lets you annotate variables, function parameters, and return values with types - the compiler then catches mistakes before your code runs. At runtime, TypeScript compiles down to plain JavaScript.
Is TypeScript hard to learn?
If you're comfortable with JavaScript, the basics of TypeScript are quick to pick up - adding
: string or : number to a few variables and you're already writing TS. The trickier parts (generics, conditional types, mapped types, narrowing) take longer, and this course introduces them in small steps with hands-on examples.Do I need to know JavaScript before TypeScript?
Yes. TypeScript is JavaScript with types on top, so the language you're really learning is JS. This TypeScript section is part of the JavaScript journey for that reason - you can take the JS sections first, or jump straight to TS if you're already comfortable with modern JavaScript.
What's the difference between TypeScript and JavaScript?
JavaScript is dynamically typed - a variable can hold a string today and a number tomorrow, and you only find out at runtime. TypeScript adds a static type layer that runs at build time, catching type mismatches before the code ships. The compiled output is still plain JavaScript, so it runs anywhere JS does.
Can I learn TypeScript online for free?
Yes. The interactive TypeScript section is free - full lessons, coding exercises, quizzes, and a certificate. The editor runs in your browser with the TS compiler built in, so you don't need to install
tsc, Node, or any tooling to start writing TypeScript.Do I get a certificate after the TypeScript course?
Yes. Finishing the TypeScript section gives you a free certificate of completion you can share on LinkedIn or include on your resume. A verifiable signal that you've worked through structured, hands-on TypeScript material, not just watched tutorials.
