DEVELOP
article thumbnail
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 7. 타입 추론 / 타입 단언 / 타입 가드
FRONTEND/TypeScript 2023. 1. 24. 18:28

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다. 타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의 타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관 www.inflearn.com 타입 추론 (Type Inference) - 변수를 선언하거나 초기화 할 때 타입이 추론된다. - 이외에도 변수, 속성, 인자의 기본 값, 함수의 반환 값 등을 설정할 때 타입 추론이 일어난다. - 아래 코드에서 x의 타입을 지정하지 않아도 number로 간주된다. let x = 2; Best C..

article thumbnail
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 6. 타입스크립트 클래스 / 제네릭
FRONTEND/TypeScript 2023. 1. 21. 00:17

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다. 타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의 타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관 www.inflearn.com 클래스 # 타입스크립트에서 클래스 선언하기 class Person2 { private name: string; public age: number; readonly log: string; constructor(name: string, age: number) { this.name = name; thi..

article thumbnail
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 5. 타입스크립트 이넘 (Enum)
FRONTEND/TypeScript 2023. 1. 20. 17:17

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다. 타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의 타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관 www.inflearn.com 이넘 (Enum) # 이넘 (Enum) : 특정 값들의 집합을 의미하는 자료형 - 타입스크립트에서는 문자형 이넘과 숫자형 이넘을 지원한다. 숫자형 이넘 - 초기값을 주지 않으면 0부터 시작해 차례대로 1씩 증가하고, 초기값을 주면 초기값부터 차례대로 1씩 증가한다. - 특정 값을 임의로 지정하는 ..

article thumbnail
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 4. 타입스크립트 연산자를 이용한 타입 정의 (Union Type / Intersection Type)
FRONTEND/TypeScript 2023. 1. 20. 16:59

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다. 타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의 타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관 www.inflearn.com Union Type # Union Type : OR연산자 (||) 와 같이 A이거나 B이다라는 의미의 타입 # Union Type 정의 방식 : | 연산자를 이용하여 타입 여러개를 연결하는 방식 function logMessage(value: string | number | boolean): vo..

article thumbnail
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 3. 타입스크립트 타입 별칭
FRONTEND/TypeScript 2023. 1. 20. 15:48

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다. 타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의 타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관 www.inflearn.com 타입 별칭 (Type Aliases) # 타입 별칭 (Type Aliases) : 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수 - 새로운 타입 값을 하나 생성하는 것이 아니라 정의한 타입에 대해 나중에 쉽게 참고할 수 있게 이름을 부여하는 것 - 타입 별칭의 이름은 대문자로 시작 type..

article thumbnail
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 2. 타입스크립트 인터페이스
FRONTEND/TypeScript 2023. 1. 20. 01:36

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다. 타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의 타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관 www.inflearn.com 인터페이스 # 인터페이스 : 상호 간에 정의한 약속 혹은 규칙 인터페이스 정의 interface User { age: number; name: string; } 변수에 인터페이스 활용 let seho: User = { age: 33, name: "세호", }; 함수에 인터페이스 활용 functio..

article thumbnail
[ 인프런 - 타입스크립트 입문_기초부터 실전까지 ] 1. 타입스크립트 기초 - 변수와 함수 타입 정하기
FRONTEND/TypeScript 2023. 1. 19. 23:14

인프런 장기효(캡틴판교) 님의 [ 타입스크립트 입문 - 기초부터 실전까지 ] 강의 수강 후 강의의 내용을 정리하며 공부한 것을 쓴 게시글입니다. 타입스크립트 입문 - 기초부터 실전까지 - 인프런 | 강의 타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관 www.inflearn.com 타입스크립트 변수 타입 (기본 타입) 12가지 - Boolean const isOpen: boolean = true; - Number const num: number = 10; - String const str: string = "Hello"; - Object const obj: object = ..