멀티캠퍼스 :: 과정상세보기

과정요약

과정요약
학습시간	21시간	난이도	중급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	24 명
교재정보

과정소개

JavaScript만으로는 부족할 때, TypeScript로 해결하세요!

Type이라서 타입스크립트 TypeScript Quick Start 실전 ToDoList

TypeScript(타입스크립트)는 마이크로소프트에서 만든 언어로, JavaScript의 SuperSet입니다.
요새 누가 JavaScript만 쓰나요?
단기 집중, TypeScript의 핵심만 함께 시작해봅시다 😀

WHY TypeScript?

TypeScript는 객체지향이 강화된 변환 스크립트(alt js) 언어입니다.
특히 ReactJS나 VueJS에서도 TypeScript를 지원하게 되면서,
React, Vue에 TypeScript를 더하면 더욱 강력한 Front-End 개발자가 될 수 있습니다 💪

TypeScript의 핵심만 배우는 타입

단기 집중! TypeScript의 핵심 타입 쏙쏙

타입스크립트의 핵심은 Type이죠!
핵심 타입에 대해서 속속들이 쏙쏙 들어오게 알려드립니다.
단 3일만에!

따라만 해도 완성되는 ToDoList

일단 따라만 해도 ToDoList를 완성할 수 있습니다.

React가 곁들여진 TypeScript 실습완성품을 가져가세요.

JavaScript와 TypeScript 비교 설명까지

Vanilla JavaScript만 썼을 때와
TypeScript를 썼을 때를 비교해서

실습코드의 Before vs. After를 확실하게 구분 할 수 있습니다.

👀 따라만해도 완성되는 ToDoList 👍

과정 주의 사항

💻 과정을 원활하게 학습하시려면 JavaScript 프로그래밍 경험이 있으셔야 합니다.
💻 본 과정에서 JavaScript 문법은 설명하지 않는 점 참고 부탁드립니다.

학습목표

자바스크립트를 TypeScript를 활용하여 클래스 기반으로 객체지향 프로그래밍을 할 수 있다.
자바스크립트 기반의 프로그래밍을 TypeScript을 이용하여 구현할 수 있다.

학습대상

기존 자바스크립트의 불편한 문제점을 TypeScript로 개선하고자 하는 Front End 개발자 및 유지보수운영자
JavaScript ESNext에 관심이 있는 개발자
React, Vue.js와 TypeScript를 동시에 사용할 계획이 있는 개발자

과정목차 21

1 일차
- 1. TypeScript 소개
  - TypeScript 개요
    개발환경 설정 / 컴파일
- 2. 기본 타입 정의
  - 기본형, 참조형,
    타입 추론, any
  - dom 요소 참조
    Array, Map, Set, Tuple, readonly
  - object. optional 속성, Hash
    Symbol, Union Type
  - unknown, null과 undefind
    문자열 타입
- 3. 함수의 이용
  - 함수의 선언
    타입 가드, 사용자 정의 타입 가드
  - Argument
    함수의 오버로드
2 일차
- 4. Class & Interface
  - TypeScript에서의 Class 선언 및 이용 / 상속
  - 접근제한자, Getter / Setter
  - 생성자 메서드. 생성자 메서드 오버라이드
    Static
  - 추상클래스 / Interface
  - 다형성
- 5. 고급 Type
  - Interface의 이용 및 Type 설정 속성, 콜, 메서드, 인덱스 시그니처
  - 타입 호환성
    Week Type / 'keyof / lookup
3 일차
- 5. 고급 Type
  - Mapped Types(1)
  - Mapped Types(2)
- 6. 제너릭
  - Generic Class / Method
  - 기본값, 병합, 타입 인수 제한
  - 타입 정의 파일 설치 및 정의
- 7. 종합실습
  - Todo List 만들어보기(1)
  - Todo List 만들어보기(2)

수강후기 4

평균평점

5 / 5.0

5

박*석
2024.02.16

강사님이 현업에서 필요한 부분까지도 잘 설명 해주셔서 많은 도움이 된 것 같숩니다.
5

박*순
2024.02.16

강사님이 예시와 함께 잘 가르쳐주셨습니다.
5

유*엽
2024.02.16

좋은 강의였습니다.
5

유*정
2024.02.16

기본 개념에 대해 알게 되어 좋았습니다

TypeScript 프로그래밍 관련과정

집합

교재제공

[Live] ReactJS 프로그래밍_4일