타입스크립트 [입문부터 차근차근] 강의 기초 부터 실무 인강 알지오 평생교육원 추천강의

기초부터 차근차근 실무까지.
마지막 학습 보장!

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

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

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

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

수강료
370,000원
185,000원

"5개월" 혜택!

수강 전 자주 묻는 질문

교재 없이? 초보자도 가능 한가요?

본 강의는 교재 없이도 동영상 강의만을 통해 충분히 학습할 수 있도록 구성되어 있습니다. 제공되는 실습 자료를 활용해 따라 하면서 학습하시면, 초보자도 이해하고 따라올 수 있게 설계된 강의입니다.

알지오의 강의특징은 무엇인가요?

저희 강의는 단순한 전문가 촬영본을 넘어섭니다. 전문 편집을 통해 필수 내용만을 선별하고, 불필요한 부분을 제거함으로써 학습 효율을 극대화합니다.

프로그램은 어떻게 구하나요?

알지오 는 원격평생교육원 으로, 프로그램에 대한 정보는 알수 없습니다.

타입스크립트 인강 평생교육원 교육 안내
타입 스크립트로 코딩하고 자바스크립트로 변환해서 사용하는 과정입니다.
처음 입문하시는 분들을 위한 기초부터 실무까지 다루고 있으며, 튜토리얼에 공개된 예시를 위주로 강사의 보충 설명과 실제 출력 등을 실습으로 자세히 설명합니다.
학습 이후에는 실습을 하면서 전문적으로 사용할 수 있게 됩니다.

단기 습득!

2년 연속 IT교육 인강부분 1위 알지오 (근거자료)

2003년부터 운영해온 수많은 데이터베이스를 기반으로

단기 습득할 강의

로 제공합니다!
늦지 않았습니다. 알지오에서 지금부터 시작하세요!

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 메서드의 콜백 함수, 객체의 구조를 기반으로 타입 호환성, 함수의 매개변수를 옵셔널

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

강좌설명

강의목록

수강생 리얼후기!

타입스크립트 [입문부터 차근차근] 연관학과

강좌설명

강의목록

수강생 리얼후기!

연관학과 (타입스크립트 [입문부터 차근차근])