0.2 강의 듣는 팁 + 유의사항

0.3 노션으로 강의 계획 짜기

0.4 강의 시작전 목표 설정 🙌

0.5 슬랙 가입하기 (중요!)

0.6 질문 할때 지켜야 하는 유의사항 (중요 🚨 )

1.3 타입스크립트 공부 하는 방법

1.4 필요한 준비물들 설치

1.5 꼭 북마크 해둬야 하는 사이트 🔖

1.6 함께 공식 사이트 읽어 보기 (타입스크립트 포인트 정리)

1.7 심심풀이 땅콩 🥜 한번 사용해 보기

1.8 타입스크립트 컴파일러 툴 소개

1.9 마무리 하며

2.0 강의 노트

2.1 타입이란? (타입의 원칙)

2.2 타입 공부를 위한 준비물

2.3 기본 타입 정리 1 (자바스크립트 간단 복습)

2.4 기본타입 정리 2 (number, string, boolean, undefined, null)

2.5 기본 타입 정리 3 (unknown, any, void, never, object)

2.6 함수에서 타입 이용하기 (JS 💩 → TS ✨)

2.7 함수 타입 이용 (spread, default, optional)

2.8 배열과 튜플, 언제 튜플을 사용해야 할까?

2.9 타입스크립트의 꽃 🌷 Type Alias

2.10 진정한 타입스크립트의 시작! Union 타입

2.11 필수 타입! Discriminated Union 🚀

2.12 Intersection 타입 ✨

2.13 Enum은 무엇이고 좋은건가?

2.14 타입 추론은 무엇이고, 써도 되나?

2.15 건방진 녀석 Type Assertion!

3.1 챌린지 준비 프로젝트

3.2 계산기 함수 만들기 ❓

3.3 계산기 함수 만들기 💡

3.4 좌표 게임 ❓

3.5 좌표 게임 💡

3.6 로딩 상태 표시 ❓

3.7 로딩 상태 표시 💡

4.0 강의 노트

4.1 객체지향 소개

4.2 객체지향 개념 정리

4.3 중요한 객체지향 원칙 🚀

4.4 절차지향적으로 커피기계 만들기 ❓

4.5 절차지향적으로 커피기계 만들기 💡

4.6 객체지향적으로 커피기계 만들기 ❓

4.7 객체지향적으로 커피기계 만들기 💡 (static 사용)

4.8 Encapsulation 캡슐화 시켜보기 ❓

4.9 Encapsulation 캡슐화 시켜보기 💡

4.10 유용한 Getter와 Setter (게터, 세터)

4.11 Abstraction 추상화 몸소 느껴보기

4.12 Interface 인터페이스, 모든것의 시작

4.13 Inheritance 상속으로 다양한 커피 기계 만들기❓

4.14 Inheritance 상속으로 다양한 커피 기계 만들기💡

4.15 Polymorphism 다형성 가좌아!

4.16 상속의 문제점 👨‍👩‍👧‍👦

4.17 모든것을 뒤엎는 Composition? 🍭

4.18 이번 챕터의 하이라이트 ✨(강력한 Interface!)

4.19 Abstract 클래스 사용 예시

5.1 객체지향 챌린지 소개 ❓

5.2 객체지향 챌린지 힌트 😜

5.3 객치지향 솔루션 함께 구현하기 💡

6.0 강의 노트

6.1 제네릭 소개

6.2. 함수를 제네릭 하게 :)

6.3 클래스를 제네릭 하게 :)

6.4 제네릭 조건

6.5 제네릭 조건 예제

7.1 제네릭 사용하기 ❓

7.2 제네릭 사용하기 💡

8.1 API 읽어 보기 ❓

8.2 API 읽어 보기 💡

8.3 오픈소스 프로젝트 이용하기 🚀

9.0 강의 노트

9.1 에러 처리 소개

9.2 Error에 대해

9.3 에러 처리의 기본 (try, catch, finally)

9.4 우아하게 에러를 처리 하는 방법

9.5 막강한 Error State 👍

10.0 강의 노트

10.1 막강한 타입들 소개

10.2 Type Alias 와 Interface 뭘 써야 할까? (기술 측면)

10.3 Type Alias 와 Interface 뭘 써야 할까? (개념 측면)

10.4 Utility Type이란? ✮ → ✩

10.5 Index Type

10.6 Mapped Type

10.7 Conditional Type

10.8 ReadOnly 😜

10.9 Partial Type

10.10 Pick Type ⛏

10.11 Omit Type

10.12 Record, 이건 뭐지?

10.13 기타 아이들

11.0 강의 노트

11.1 왜 여기서 자바스크립트를?ㅋㅋ

11.2 프로토타입이란? (어렵지 않아요 🤗)

11.3 프로토타입 데모

11.4 This는 왜 미친걸까요? 🤣

11.5 This 완벽 정리!

11.6 모듈이란?

11.7 모듈 데모

12.1 TSConfig 셋업하기! (다수의 파일 실시간 컴파일 설정)

12.2 프로젝트 구조 정리 하기

12.3 컴파일러 옵션들 파헤치기

12.4 디버깅 하는 방법 🐛

13.1 챕터 소개 및 엘리의 조언 🤩

13.2 프로젝트 디자인은 어떻게 구했나요? (+색상코드)

13.3 사이드 프로젝트에 도움이 될 작은 선물 🎁

13.4 Motion 상세 데모 영상

13.5 프로젝트 계획 세우는 테크닉

13.6 최종 힌트 드려요

14.1 프로젝트 구현 챕터 소개

14.2 프로젝트 셋업 & 컴파일러 설정

14.3 레이아웃과 첫번째 Page 컴포넌트 만들기 ❓

14.4 레이아웃과 첫번째 Page 컴포넌트 만들기 (Part1. UI)💡

14.5 레이아웃과 첫번째 Page 컴포넌트 만들기 (Part2. 컴포넌트)💡

14.5 클래스들 다이어그램 보는법 및 안내 ⿻📝

14.5 까지 진행한 클래스들 다이어그램 ⿻📝

14.6 DOM을 잘 모르시는 분들을 위한 영상

14.7 이미지 컴포넌트 만들기 ❓

14.8 이미지 컴포넌트 만들기 💡

14.8 까지 진행한 클래스들 다이어그램 ⿻📝

14.9 컴포넌트 리팩토링❓ (베이스 컴포넌트 만들기)

14.10 컴포넌트 리팩토링💡 (베이스 컴포넌트 만들기)

14.10 까지 진행한 클래스들 다이어그램 ⿻📝

14.11 모든 섹션들 구현하기 ❓

14.12 모든 섹션들 구현하기💡 (노트편)

14.13 모든 섹션들 구현하기💡 (유튜브편)

14.14 모든 섹션들 구현하기💡 (유튜브 URL 만들기편)

14.15 정규표현식 REGEX 설명 📔

14.15 까지 진행한 클래스들 다이어그램 ⿻📝

14.16 페이지 아이템 컨테이너 만들기 ❓

14.17 페이지 아이템 컨테이너 만들기 💡

14.17 까지 진행한 클래스들 다이어그램 ⿻📝

14.18 아이템 삭제 기능 구현 하기 ❓

14.19 아이템 삭제 기능 구현 하기 💡

14.20 DI 디펜전시 인젝션 리팩토링 ❓

14.21 DI 디펜전시 인젝션 리팩토링 💡

14.21까지 진행한 클래스들 다이어그램 ⿻📝

14.22 드디어 텅빈 다이얼로그 만들기 ❓

14.23 드디어 텅빈 다이얼로그 만들기 💡

14.23까지 진행한 클래스들 다이어그램 ⿻📝

14.24 다이얼로그 컨텐츠 채우기 ❓

14.25 다이얼로그 컨텐츠 채우기 💡

14.26 코드중복 제거, 깔끔하게 리팩토링 ❓

14.27 코드중복 제거, 깔끔하게 리팩토링 💡

14.28 마지막 마무리, 스타일링 ✨

14.28 최종 클래스들 다이어그램 ⿻📝

15.1 드래깅 기능 구현 하기 ❓

15.2 드래그 & 드랍 최종 힌트 (검색하는 팁 ✨)

15.3 드래깅 구현 💡 (기본 이벤트 듣기)

15.4 드래깅 구현 💡 (드래그와 드랍 기본 이벤트)

15.5 드래깅 구현 💡 (🐛 버그 처리 하기)

15.6 드래깅 구현 💡 (포지션 바꾸기)

15.7 드래깅 구현 💡 (UI 완성)

15.8 @Decorators 데코레이터란? (@Log 예제)

15.9 @Decorators Motion에 적용해 보기

15.10 유용한 라이브러리들 🎁

15.9 최종 클래스들 다이어그램 ⿻📝

16.1 어떻게 더 공부 해야 하나?

16.2 마지막 인사 ♥️

16.3 가시기 전에 🤗