본문 바로가기

한걸음씩 성장합니다.

전체 글
206

타입스크립트 - 클래스 타입스크립트의 클래스class Employee { // 필드 name: string; age: number; position: string; // 생성자 constructor(name: string, age: number, position: string) { this.name = name; this.age = age; this.position = position; } //메서드 work() { console.log('일하는 중'); }}타입스크립트의 클래스는 자바스크립트의 클래스와 큰 차이는 없지만, 타입을 명시해줘야한다는 점의 차이점이 있다.클래스 상속(확장)class ExcutiveOfficer e.. 2025. 2. 15.
타입스크립트 - 인터페이스 타입 별칭과 비슷하지만 '확장, 선언 병합, 다중 확장, 구현' 등 다양한 역할을 수행한다.타입별칭은 객체나 클래스가 아닌 일반적인 타입에 대한 것들에 중복됨을 줄이기 위해 사용한다고 생각하면 되고,인터페이스는 객체나 클래스 등에서 구조적으로 사용하기 위해 사용한다고 보면 된다.1. 선언 병합// 인터페이스 선언 병합 예시interface User { name: string;}interface User { age: number;}// 합쳐진 User 인터페이스는 다음과 동일하게 취급됩니다.const user: User = { name: "Alice", age: 30,};인터페이스를 동일한 이름으로 선언하지만 동일한 인터페이스로 취급하므로 확장하기가 쉬워진다.2. 확장 (상속)interface An.. 2025. 2. 14.
타입스크립트 - 사용자 정의 타입 가드 type Dog = { name: string, isBark: boolean,}type Cat = { name: string, isScratch: boolean,}type Animal = Dog | Cat;Animal 과 같은 서로소 유니온 타입을 만들었다고 가정해보자.function warning(animal: Animal) { if ('isBark' in animal) { animal } else if ('isScratch' in animal) { animal }}이런식으로 animal을 Dog나 Cat타입으로 구분하는 것은 사용자의 실수를 유발할 수 있으므로 옳지 않다.사용자 정의 타입 가드// 사용자 정의 타입 가드function is.. 2025. 2. 14.
타입스크립트 - 함수 오버로딩 void Func(int a){}void Func(int a, int b, int c){}C#에서 오버로딩은 아래와 같이 쉽게 구현할 수 있다.타입스크립트는 기본적으로 자바스크립트의 확장판이기 때문에 위와 같은 쉬운 문법적용이 되지 않는다. (빙빙 돌아서가는 느낌...)오버로드 시그니처// 오버로드 시그니처function func(a: number): void;function func(a: number, b: number, c: number): void;우선 위와 같이 오버로드 시그니처를 만들어야한다. 이는 함수에서 사용할 선언식만을 작성한다.구현 시그니처//실제 구현부 (구현 시그니처)function func(a: number, b?: number, c?: number) { if (typeof b.. 2025. 2. 14.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바