ALL FREEPASS | C# | ASP.NET | ASP.NET Core | MVC Framework | WPF | JAVA | I/O Thread | JSP | MVC JSP | Spring / SpringBoot
Python | Data Analysis | Android / Kotlin | Android Pro | Unity | C / C++ | Algorithm | Data Structure | Design Pattern | Console Game | ASP/PHP | Git / IDE
HTML5 / CSS3 | JavaScript | jQuery | JSON / Ajax / DOM | Node.js / React / Vue.js | Angular | Server | SQL | Linux | Oracle | Notion | FREE ( 무료 강좌 )

내PC로 동영상강좌 다운로드 VisualStudio CODE를 만든 강력한 .. 타입스크립트(TypeScript) 프로그래밍 입문과 OOP 완벽 마스터

table of contents

위 강좌 이미지를 클릭하시면 강의목차(table of contents)로 바로 이동합니다. 본 강좌는 다운로드 방식 강좌입니다. 따라서, 수강신청 후 내pc로 다운 저장하여 학습합니다.

수강기간 VIP 프리패스로 이용시10개월 단과로 이용시2개월
교육방식 다운로드 방식 - 강의를 내pc로 다운로드 받아서 저장해놓고 학습하는 방식
수강금액 330,000원 / 2개월 (VIP 프리패스로 이용시는 무료 이용이며, 프리패스 수강기간이 적용)
자료제공 제공되는 자료가 있는 경우 1회차 목차에서 강의소스 및 첨부파일 제공

상세설명 및 참고사항


과정명: 타입스크립트(TypeScript) 프로그래밍 입문과 OOP 완벽 마스터


과정소개:

타입스크립트(TypeScript)는 마이크로소프트에서 만든 오픈 소스 프로그래밍 언어입니다.
TypeScript는 일반 JavaScript로 컴파일되므로 모든 브라우저, 호스트 및 모든 OS에서 작동합니다.
자바스크립트가 가지지 못하는 다양한 유용한 구문과 도구를 추가하여,
정적 타이핑 및 개체 지향 개발 등의 기능을 자바스크립트에 제공하여
현대적인 개발을 할 수 있는 타입스크립트의 전반적인 기능을 소개합니다. "

학습목표:

타입스크립트(TypeScript)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.
자바스크립트의 기초 내용을 타입스크립트를 사용하여 정리합니다.
자바스크립트 응용 프로그램을 타입스크립트로 변환하는 단계를 학습합니다.
TypeScript에 데이터 형식, 클래스, 인터페이스, 제네릭, 모듈 등의 사용법을 학습합니다.
하나의 완성된 웹앱을 미니 프로젝트로 진행해봅니다.

교육대상:

타입스크립트를 사용하여 현대적인 구문으로 자바스크립트 앱을 만들고자하는 개발자


전체 강의 시간: 22시간 36분 44초
 





아래의 맛보기 샘플강좌는 무료로 볼 수 있습니다. 맛보기 샘플강좌

. . . 클릭하시면 샘플강좌는 누구나 결제 없이 무료로 볼 수 있습니다.







 

TABLE of CONTENTS - CURRICULUM 커리큘럼 처음 사용자분들은 다운전 "처음 사용자 이용안내" 페이지의 가이드 글을 읽고 다운 및 이용해주세요!

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