| 1 |
00_00_TypeScript 강의 소개(인사말) 04:33
|
 |
|
| 2 |
00_01_타입스크립트 강의 준비 사항 17:37
|
|
|
| 3 |
01_01_타입스크립트 소개 미리보기 세미나 강의 62:59
|
|
|
| 4 |
01_02_이론_TypeScript 소개 및 특징 16:47
|
|
|
| 5 |
01_03_참고_Playground 소개 및 타입스크립트의 주요 특징 설명 10:15
|
|
|
| 6 |
02_01_타입스크립트 개발 환경 구축(타입스크립트 4.0 개발 환경 구축) 30:30
|
|
|
| 7 |
02_02_참고_TypeScript 개발 환경 구축_npm 사용해서 타입스크립트 컴파일러 tsc 설치 02:57
|
|
|
| 8 |
03_00_데모_타입스크립트 프로젝트 만들기 11:37
|
|
|
| 9 |
03_01_HelloWorldWithCopyCon_타입스크립트의 Hello World를 터미널 환경에서 만들고 실행하기 13:33
|
|
|
| 10 |
03_02_TypeScript 소스 모음 프로젝트 생성 및 Hello World 실행 데모 06:20
|
|
|
| 11 |
03_03_CaseSensitive_타입스크립트는 대소문자 구분 언어 02:01
|
|
|
| 12 |
03_04_타입스크립트 코드를 만들고 실행하기 12:34
|
|
|
| 13 |
03_05_HelloWorldWebOnly_Visual Studio로 웹 프로젝트 만들고 웹 기반으로 타입스크립트 파일 생성 및 실행 10:10
|
|
|
| 14 |
04_01_타입스크립트의 기본 특징 설명_키워드, 변수 및 배열 선언 방법 설명 11:53
|
|
|
| 15 |
04_02_Syntax_문법은 반드시 지켜야하는 규칙이고 스타일은 프로그램 작성에 대한 가이드라인 13:31
|
|
|
| 16 |
04_03_NewLine_줄 바꿈 기호_백슬래시 n 02:25
|
|
|
| 17 |
04_04_Whitespace_공백(Whitespace) 프로그래밍 언어에서 공백은 무시된다 03:53
|
|
|
| 18 |
05_01_TypeScript의 타입 시스템 미리 살펴보기 11:47
|
|
|
| 19 |
05_02_VariableDescription_변수(Variable)는 프로그램에서 사용할 데이터를 임시로 저장해 놓는 그릇 16:10
|
|
|
| 20 |
05_03_AutoVariable_변수 선언 및 타입 추론_숫자 구분자_진법 표현 09:23
|
|
|
| 21 |
05_04_TypeAssertion_타입 추론 06:08
|
|
|
| 22 |
05_05_참고_Variable_변수 선언하는 여러가지 방법 설명 06:59
|
|
|
| 23 |
06_01_NumberNote_숫자 데이터 형식_number 키워드로 숫자 데이터 지정 후 정수 또는 실수 저장 05:55
|
|
|
| 24 |
06_02_DigitSeparatorNote_숫자 구분자 사용하기 02:15
|
|
|
| 25 |
07_00_숫자 이외의 데이터 형식(boolean, string) 61:11
|
|
|
| 26 |
08_00_사용자로부터 얻은 정보를 변수에 저장하기 23:58
|
|
|
| 27 |
09_00_연산자 개요 및 단항, 산술 연산자 사용하기 09:07
|
|
|
| 28 |
09_01_사칙 연산과 산술 연산자 그리고 실수 데이터 형식의 오차 소개 06:42
|
|
|
| 29 |
09_02_연산자_데모_식과 문_단항 연산자_숫자 변환 관련 함수 06:48
|
|
|
| 30 |
10_00_할당 연산자와 증감 연산자 사용하기 03:46
|
|
|
| 31 |
10_01_할당(대입) 연산자_변수에 특정 값으로 초기화하면 자동 유추에 의해서 형식이 결정됨 02:59
|
|
|
| 32 |
10_02_SwapDemo_변숫값 서로 바꾸기 02:12
|
|
|
| 33 |
11_00_관계형 연산자와 논리 연산자 사용하기 08:10
|
|
|
| 34 |
12_00_비트 연산자와 시프트 연산자로 비트 단위 연산하기 07:43
|
|
|
| 35 |
12_01_이론_삼항 연산자 및 연산자 우선순위 03:21
|
|
|
| 36 |
13_00_제어문 소개 및 if 문 - 책읽기 03:33
|
|
|
| 37 |
13_01_IfDemo_if 문을 비교 연산자와 함께 사용하기 02:41
|
|
|
| 38 |
13_02_StringCompare_if 문을 사용하여 문자열 비교하기 02:02
|
|
|
| 39 |
14_00_조건문_switch 문으로 다양한 조건 처리하기 의사 코드 11:33
|
|
|
| 40 |
15_00_반복문(for 문)을 사용하여 구간 반복하기 의사 코드 12:12
|
|
|
| 41 |
15_01_ForOf_for of 문을 사용하여 배열을 반복해서 값 가져오기 03:09
|
|
|
| 42 |
15_02_LetKeyword_let 키워드를 사용하여 특정 코드 블록에서만 살아있는 변수 만들기 07:07
|
|
|
| 43 |
16_00_WhilePseudo_while 문을 사용하여 조건을 만족하는 동안 반복하기 06:50
|
|
|
| 44 |
17_01_BreakPseudo_점프 문_break 문_break로 반복문 끝내기 05:52
|
|
|
| 45 |
17_02_ContinuePseudo_점프 문_continue 문_continue 문으로 반복문 코드 건너뛰기 04:50
|
|
|
| 46 |
18_01_배열(Array) 소개 09:55
|
|
|
| 47 |
18_02_TypeScriptImpliedType_묵시적 타입을 사용하여 여러 개의 변수 초기화 쉽게하기 05:17
|
|
|
| 48 |
19_00_함수(Function) 40:30
|
|
|
| 49 |
19_01_복습_FunctionTest_함수를 정확한 매개변수 형식을 지정해서 타입 안정성이 있는 함수 만들기 08:25
|
|
|
| 50 |
19_02_참고_ECMAScript 6의 특징인 let 키워드로 함수 레벨 스코드 핸들링하기 06:03
|
|
|
| 51 |
20_00_브라우저 콘솔(Browser Console)로 출력문부터 함수까지 내용 복습하기 15:51
|
|
|
| 52 |
21_00_JavaScript API 공식 사이트인 MDN 소개 및 Math 오브젝트 주요 API 사용하기 10:38
|
|
|
| 53 |
22_01_LiteralType_리터럴 형식_문자열 리터럴 또는 숫자 리터럴 형식으로 변수 선언하기 06:57
|
|
|
| 54 |
22_02_UnionType_공용 구조체 형식 사용하기 03:37
|
|
|
| 55 |
22_03_TypeAliaseDemo_형식 별칭(Type Aliase) 사용하기 05:17
|
|
|
| 56 |
23_01_ConsoleColorDemo_ConsoleColor 열거형으로 콘솔의 전경색 및 배경색 표현하기 02:50
|
|
|
| 57 |
23_02_EnumerationPractice_color 열거형을 사용하여 색상값을 효율적으로 관리하기 04:43
|
|
|
| 58 |
23_03_Enum_Operator_열거형을 사용하여 자주 사용되는 상수들을 묶어서 관리 06:33
|
|
|
| 59 |
24_01_정규식으로 특정 문자열이 들어있는지 확인 02:58
|
|
|
| 60 |
25_00_문자열 다루기 15:40
|
|
|
| 61 |
26_01_예외 처리하기 03:17
|
|
|
| 62 |
27_00_배열 컬렉션 리스트 18:05
|
|
|
| 63 |
28_00_제네릭(Generic) 12:52
|
|
|
| 64 |
29_00_널(Null) 다루기 03:51
|
|
|
| 65 |
30_01_FilterEven_filter 함수를 사용하여 조건에 맞는 데이터만 가져오기 02:05
|
|
|
| 66 |
31_01_TypeScriptDemo_타입스크립트 장점 미리 살펴보기 세미나 54:33
|
|
|
| 67 |
31_02_참고_BasicTypeScript_자바스크립트를 알고 있다는 가정하게 진행하는 TypeScript 기초 사용법 설명 데모 14:23
|
|
|
| 68 |
32_01_ObjectAndClass_개체와 클래스 비교_개체 리터럴과 클래스 선언 및 인스턴스 생성 구문으로 개체 생성하기 10:07
|
|
|
| 69 |
32_02_ObjectLiteral_개체 리터럴 생성과 사용 02:00
|
|
|
| 70 |
33_01_NamespaceSample_네임스페이스를 사용하여 멤버변수 및 메서드를 묶어서 관리 07:00
|
|
|
| 71 |
34_01_지역 변수와 전역 변수 사용 10:12
|
|
|
| 72 |
34_02_FieldInitializer_필드 이니셜라이저를 사용하여 필드 초기화 04:07
|
|
|
| 73 |
35_01_ConstructorPrivate_생성자 매개변수로 필드 자동 만들기 04:27
|
|
|
| 74 |
35_02_ConstructorPublic_생성자 매개변수로 속성 자동 만들기 04:05
|
|
|
| 75 |
35_03_GreeterClass_Greeter 이름으로 클래스 선언 및 생성자와 메서드 추가 후 사용하는 간단 예제 04:36
|
|
|
| 76 |
36_01_TypeScriptProject_특정 폴더를 타입스크립트 프로젝트로 만들기 09:43
|
|
|
| 77 |
36_02_TypeScriptWeb_타입스크립트 웹앱 프로젝트 생성 및 웹 페이지 실행 17:27
|
|
|
| 78 |
37_01_ParamsDemo_Rest Parameter_가변 길이 매개변수 05:50
|
|
|
| 79 |
37_02_FunctionOverload_함수 오버로드 04:32
|
|
|
| 80 |
38_00_속성 23:46
|
|
|
| 81 |
38_01_참고_ClassMemberTest_클래스의 주요 멤버(필드, 속성, 생성자, 정적멤버 등) 설명 11:11
|
|
|
| 82 |
39_01_IndexerDemo_인덱서(Indexer)와 for 문(for in 문, for of 문)을 사용하여 배열 반복 06:35
|
|
|
| 83 |
40_01_메서드의 매개 변수에 콜백 함수 사용하기 06:47
|
|
|
| 84 |
41_01_Event_AddEventListenerDemo_addEventListener 함수를 사용하여 버튼에 click 이벤트 적용하기 05:38
|
|
|
| 85 |
42_01_Constants_네임스페이스.클래스.멤버 06:33
|
|
|
| 86 |
43_01_InheritanceDemo_상속_부모 클래스의 기능을 자식 클래스에서 물려받아 사용 06:27
|
|
|
| 87 |
43_02_InheritancePractice_자식 클래스에서 toString 메서드 재정의하기 04:57
|
|
|
| 88 |
43_03_AbstractClass_추상 클래스와 추상 메서드 09:53
|
|
|
| 89 |
44_01_복습_BankAccount_TypeScript에서 클래스 만들고 주요 멤버 생성 및 상속 등 설명 18:51
|
|
|
| 90 |
44_02_Point_Point3D_플레이그라운드에서 Point 클래스로 클래스의 주요 멤버 및 상속과 모듈 기능 설명 15:17
|
|
|
| 91 |
45_00_인터페이스 설명(여러 멤버를 주는 엔터티 형식과 멤버를 강제할 수 있는 규약을 정의) 06:58
|
|
|
| 92 |
45_01_Interface_인터페이스는 클래스에 포함될 수 있는 속성 또는 메서드에 대한 표준 규약 제공 03:57
|
|
|
| 93 |
45_02_InterfaceNote_인터페이스_특정 멤버가 반드시 구현되어야 함을 보증 06:10
|
|
|
| 94 |
45_03_InterfaceExam_인터페이스를 상속하는 클래스에 메서드의 실제 내용 구현 03:13
|
|
|
| 95 |
45_04_UnionTypeDemo_Union Type을 사용하여 하나 이상의 형식을 지원하는 변수를 선언 06:52
|
|
|
| 96 |
46_01_Interface_Class_Demo_타입스크립트에서의 인터페이스와 클래스를 선언하고 구현 및 상속하는 전반적인 설명 30:23
|
|
|
| 97 |
47_01_복습_클래스 설명(클래스의 주요 멤버 설명 및 클래스 상속과 인터페이스 구현 소개) 07:37
|
|
|
| 98 |
48_01_GenericClass_제네릭 클래스 만들기 05:30
|
|
|
| 99 |
48_02_GenericClassDemo_제네릭 기초 설명 및 제네릭 클래스 사용해보기(Cup of T) 08:06
|
|
|
| 100 |
48_03_TypeScript_Generic_Function_제네릭_자바스크립트로 만들어져 있는 함수를 제네릭과 클래스 그리고 인터페이스를 적용하여 타입스크립트화시키기 12:54
|
|
|
| 101 |
48_04_TypeScriptDemoSortBy_Visual Studio에서 타입스크립트의 형식 지정, 제네릭 사용, 도구 사용 등 장점 데모 22:17
|
|
|
| 102 |
49_01_모듈 설명(외부 모듈 및 내부 모듈, module과 export 키워드 사용) 09:10
|
|
|
| 103 |
49_02_Modules_modultest_util_외부 모듈을 가져다 사용하는 amd, commonjs와 import from 구문 다루기 16:49
|
|
|
| 104 |
50_00_노드에서 타입스트립트 사용하기_Node의 Hello World 예제를 External Module 개념으로 설명하기 10:03
|
|
|
| 105 |
50_01_참고_ES6 모듈 개념 사용 Node의 Hello World 예제를 타입스크립트로 구현하기 20:37
|
|
|
| 106 |
50_02_Node_NodeHttpWithTypeScript_server_hello_Node의 HTTP 서버를 TypeScript로 작성하고 실행 09:49
|
|
|
| 107 |
51_01_TupleType_튜플 형식 03:56
|
|
|
| 108 |
51_02_Deconstructing_구조 파괴 할당_분해(Deconstructing)_튜플(Tuple) 분해(함수의 반환 값 등에서도 사용) 05:33
|
|
|
| 109 |
52_01_미니 프로젝트_SubscriberCounterApp_구독자 수 관리 앱 프로젝트 만들고 GitHub에 게시 15:15
|
|
|
| 110 |
52_02_Classes_HtmlResponse 클래스와 SubscriberCounter 클래스 만들고 멤버 작성하기 09:28
|
|
|
| 111 |
52_03_Render_HTML로 렌더되는 부분에 대한 기본 코드 작성 11:53
|
|
|
| 112 |
52_04_구독자 수 증가 또는 감소 그리고 수정 버튼에 대한 클릭 이벤트 처리 14:17
|
|
|
| 113 |
52_05_TsConfig_tsconfig 추가 및 클래스와 열거형을 분리 후 모듈 로더없이 삼중 슬래시 지시문으로 실행 19:02
|
|
|
| 114 |
52_06_HtmlWriter_HTML 내용을 출력하는 인스턴스 멤버를 갖는 HtmlWriter 클래스 추가 및 적용 11:33
|
|
|
| 115 |
52_07_YoutubeCounter_SubscriberCounter 추상 클래스를 상속하는 Youtube 클래스와 Blog 클래스 만들기 26:19
|
|
|
| 116 |
52_08_TogglePage_2개의 페이지를 토글하는 기능 추가 12:34
|
|
|
| 117 |
52_09_super 키워드를 사용하여 부모 클래스의 멤버 호출 21:33
|
|
|
| 118 |
52_10_상수를 사용하여 카운터 정보를 표시하는 메서드 값 채우기 11:09
|
|
|
| 119 |
52_11_ICounterInfo_인터페이스를 사용하여 강력한 형식으로 프로그래밍하고 구조 파괴 할당으로 함수의 반환 값을 담아 사용하기 12:33
|
|
|
| 120 |
52_12_ICounterBase_속성과 메서드에 대한 보증을 담당하는 인터페이스를 설계하고 다중 상속으로 추상 클래스에 전달 15:02
|
|
|
| 121 |
52_13_Fetch_fetch 함수와 async 그리고 await를 사용하기 위한 설정 및 비동기로 JSON 데이터 읽어서 출력하기 16:47
|
|
|
| 122 |
52_14_Module_타입스크립트 모듈을 사용하여 export와 import 구문으로 전체 소스 업데이트 12:39
|
|
|
| 123 |
52_15_WebPack_TS 모듈 로더와 WebPack 번들러를 사용하여 타입스크립트 프로젝트 빌드 및 최종 실행 데모 24:20
|
|
|
