타입스크립트 [입문부터 차근차근]

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?

A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

◆

기업이 선택한 신뢰 강의

검증된 커리큘럼과 전문 강사진으로 높은 만족도를 제공합니다.

REAL REVIEW

수강생 리얼후기!

실제 수강생의 학습 경험을 확인해 보세요.

수강후기를 불러오는 중입니다.

타입스크립트 [입문부터 차근차근]

강의구성
(19강) 전체 : 7시간 18분|평균 : 23분3초

이용기간/강사
2개월
알지오 R&D [IT]

증빙가능
수료증, 수강증, 학습진도

수강료
370,000원185,000원

"5개월" 혜택!

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q 초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?

A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

01.19분 설치및 세팅 간단한 코드설명
왜? 어떤것을 설치 해야 하는지와 기본적인 부분부터 차근차근

설치와 세팅, 디버깅 의 수정/콘솔 출력, 정적 타입 체크, flip 메서드 반환값, any 타입 TypeScript, greet 출력/비동기 함수, 콘솔에 대문자, 객체 타입 printCoord
02.26분 printName, first 속성, 에러 감지, 좌표, 타입 단언
TypeScript가 에러를 감지, HTMLCanvasElement, literal types, interface

obj.last, undefined, welcomePeople, type, 타입 체크와 옵셔널 체이닝/welcomePeople, isArray, 타입으로 다시 할당, HTMLCanvasElement/literal types, URL과 HTTP, non-null assertion operator, TypeError, Symbol
03.25분 Narrowing, interface, 타입 가드
typeof, 문자열, 문자열 배열, 또는 null, 런타임 동적 객체의 속성 체크

Error 출력 repeat 해결, truthy인지 falsy 확인 배열 여부, undefined, factor를 곱한 배열/문자열 메서드 호출 허용, null, 변수의 타입이 런타임에서 체크/변수의 타입 변경될 수 있음 허용 TypeScript는 해당 분기에서 shape.radius가 정의
04.27분 모듈화하고 확장, More on Functions
제네릭 타입 매개변수, 배열을 필터링하는 두 가지 방법, 제네릭 함수

두 개의 인터페이스 유니온 타입, 처리를 강제화 런타임 에러/switch 함수를 인자로, 타입 별칭(type alias), 다른 함수에 전달/다양한 타입의 배열 및 함수, 제네릭 타입 매개변수 타입
05.21분 More on Functions 2
콜백 함수, 함수 오버로드, JSON 파싱, 객체 구조 분해, 함수반환타입, 오버로드, 함수 오버로딩

배열과 콜백 함수, toFixed, 선택적 index 매개변수/다양한 매개변수 시그니처, 함수 오버로딩/this 타입(User) JSON 파싱, 전개 연산자, 객체 구조 분해
06.25분 Object Types
객체 타입 type 키워드, PaintOptions, 객체 비구조화, TypeScript에서 에러, 인덱싱 가능한 타입, 여러 에러의 이유

매개변수 타입, 반환 타입, 객체 타입을 type 키워드/PaintOptions 사용하여 함수의 매개변수, destructuring 와 기본 매개변수 default parameters/readonly 속성, 다른 인터페이스로 타입 캐스팅, 숫자 또는 문자열일 수 있는 딕셔너리
07.24분 Object Types 2
인터페이스 종류별 학습, 타입 별칭, 비구조화 할당

객체 특정 구조, optional 속성 필수 속성, extends, 인터페이스를 결합/오류 감지, 타입 단언, 함수 오버로딩, 제네릭 타입을 동적, 별칭과 함수를 생성/OneOrManyOrNullStrings, 함수를 호출할 때 문자열 배열, ReadonlyArray/튜플 함수의 매개변수, 함수에 여러 값을 전달, 인터페이스를 사용 특정한 구조 배열
08.24분 제네릭 함수 와 Classes
제네릭 과 클래스 인터페이스 활용 함수 예제

매개변수로 전달된 값과 동일한 타입의 값 배열을 출력/특정 타입에 의존하지 않고 일반적인 동작을 유지, 클래스를 여러 타입에 대해 재사용/여러 클래스 동일한 생성, keyof 타입의 키 클래스와 인스턴스를 사용 생성자에 대한 오버로드
09.21분 Classes 2
인터페이스 와 클래스 와 메소드 사용시 모든 오류의 종류해결

클래스 상속 과 생성자, 접근자를 사용, 데이터에 대한 접근을 높은 수준으로 제어/인덱스 시그니처 사용하여 동적으로 속성을 추가, 파라미터 에 대한 타입/클래스 상속과 메서드 호출, Type-only Field Declarations, JavaScript와 TypeScript에서의 순서차이
10.23분 Classes 3
클래스별 접근시도의 여러방법들

프로토타입 체인이 올바르게 설정되도록, 클래스와 인스턴스, 부모 클래스의 메서드 접근/상속된 클래스 protected, 캡슐화, private 멤버에 대한 비교나 조작/private 필드와 public 필드, 클래스의 정적 멤버와 정적 메서드, 제네릭 클래스를 사용하여 타입을 동적으로
11.24분 Classes 4
클래스의 메서드를 다른 객체(obj)의 메서드로 할당, this Types, 추상 클래스의 인스턴스

함수가 생성될 때의 this 컨텍스트를 유지, 특정 객체나 타입을 가진 this를 강제하여 오류를 방지/명시적인 this 타입을 지정하면 코드에서 발생할 수 있는 잠재적인, 메서드를 연달아 호출하여 contents 속성의 값을 변경/클래스의 상속 구조를 고려하여 동작, 상속 및 타입 가드, 값이 존재할 때만 해당 값을 안전하게 사용/접근 제한자 해당 속성의 가시성과 보호 수준을 명확히, 제네릭 클래스 타입의 값을 가지는 클래스를 동적, 클래스의 인스턴스 타입을 도출
12.23분 Modules, Utility Types
CommonJS 스타일 Node.js 모듈, Partial, Required, 옵셔널한 객체

함수를 내보내고 모듈 시스템의 차이, tsconfig.json ES6 모듈로 취급, 모듈의 내보내기/유니온 타입을 정의, 모듈에서 가져온 함수와 타입, 비동기적으로 파일을 읽고자 한다면/Node.js에서 모듈을 정의, 인터페이스와 이를 업데이트하는 함수, Readonly<>로 선언된 객체
13.24분 Utility Types 2, Decorators
Record, ReturnType, ThisParameterType, 인터페이스 정보 정의, 유니온 유틸리티 타입, --target ES5, ECMAScript 5

인터페이스와 하나의 객체, 타입이 정의된 객체/파라미터가 없는 함수, ThisParameterType 유틸리티/객체를 생성하는 함수, 객체 속성 조작 메서드를 호출/데코레이터 함수, 팩토리 함수
14.22분 Decorators2, Declaration Merging
Metadata, Node.js reflect-metadata, tsc --target ES5 --experimentalDecorators --emitDecoratorMetadata

데코레이터의 평가, 팩토리 함수, 클래스를 봉인하는 함수/클래스가 고정된 형태, 데코레이터 런타임, 다양한 용도, 메서드나 속성을 변경, 데코레이터와 메타데이터/npm관련 설치후 tsconfig.json 추가세팅/런타임에 클래스와 속성에 대한 메타데이터, 인터페이스를 합치는 것
15.26분 Declaration Merging 2, Enums
열거형 과 Document 인터페이스를 정의

네임스페이스 는 전역 스코프, 코드를 조직화하고 논리적으로 모듈화/코드를 그룹화, 네임스페이스, 열거형에 새로운 함수/모듈 확장, 혼합된 타입, 열거형 비트 OR 연산
16.23분 Enums 2, JSX
Iterators and Generators, for...in 루프와 for...of 루프 배열 순회, 클래스와 팩토리 함수

IIFE(즉시 실행 함수 표현식), 상수 열거형 컴파일 정의하고 활용하는 예제입니다./읽기 전용 상수, 상수 열거형, 제네릭을 사용, for...of 루프를 사용하면 배열의 요소를 순회/값만 저장하는 컬렉션, JSX 함수를 오버로드/타입을 추론 시그니처를 사용, 유효하지 않은 컴포넌트와 팩토리 함수
17.23분 JSX 2, Mixins, Namespaces
(mixin)믹신을 구현, 데코레이터, 유효성 검사기

Intrinsic Element, JSX에서 사용될 요소의 속성/객체지향 프로그래밍, 클래스에 스케일링/믹신을 정의, 적용할 클래스와 믹신 클래스들, 데코레이터, 클래스의 타입 정보를 유지, 모듈화된 유효성 검사기
18.22분 Namespaces 2, Symbols
lib 옵션 설정, 고유(unique) 심볼, ECMAScript 2017, amd-module

인터페이스의 규약에 따라 문자열, --outFile 대신에 모듈 시스템을 권장, 코드를 조직화/D3 라이브러리, Symbol을 사용함으로써 다른 코드와 충돌할 염려가/AMD 모듈을 정의 JavaScript 모듈을 비동기적으로 정의하는 표준
19.16분 type-compatibility, Variable Declaration
중요사항 총 정리

인터페이스와 객체, 형식 호환성/객체가 필요한 속성을 포함, 호환성을 엄격/forEach 메서드의 콜백 함수, 객체의 구조를 기반으로 타입 호환성, 함수의 매개변수를 옵셔널

타입스크립트 [입문부터 차근차근]

제이쿼리 기초 + 고급

제이쿼리 [실무]

ReactJS [제작실습]

Node.js

Angular.js [1 + 2]

ajax

타입스크립트 [입문부터 차근차근]

수강 전 꼭 확인하세요

강의목록 다운로드 1:1 강의 질문&답변