본문 바로가기

Understanding TypeScript5

[TS] TypeScript의 열거형 TypeScript의 열거형(Enum)은 특정 값의 집합을 정의할 때 사용한다. JavaScript에서는 기본적으로 열거형을 지원하지 않는다. 하지만 TypeScript에서는 문자혀으 열거형 & 숫자형 열거형을 지원한다. enum Color { Red, Green, Blue } 위 예시 코드에서는 Color라는 열거형을 정의하고 있다. 열거형의 값은 Red, Green, Blue 3개다. 숫자형 열거형 열거형은 숫자형, 문자형, 이 둘의 조합으로 정의할 수 있다. default값으로 숫자형을 사용하며, 각 값은 자동으로 0부터 시작해 1씩 증가한다. 하지만 아래 코드와 같이 직접 값을 지정할 수 있다. enum Color { Red = 1, Green = 2, Blue = 4, } 이 코드에서는 Red가.. 2023. 4. 19.
연산자를 활용한 TypeScript의 Type TypeScript는 연산자를 이용해 타입을 정할 수 있다. 이 중 | 연산자를 이용한 타입을 유니온 타입이라고 하고 & 연산자를 이용한 타입을 인터섹션 타입이라고 한다. Union Type | 연산자를 이용해 JavaScript의 or연산자와 같이 "A이거나 B이다"라는 뜻이다. function printValue(value: number|string): void { if (typeof value === 'number'){ console.log(`The value is a number : ${value}`; } else { console.log(`The value is a string : ${value}`); } } printValue(10) // The value is a number : 10 pri.. 2023. 4. 15.
TypeScript에서의 함수 JavaScript에서 함수는 모든 애플리케이션의 기본적인 구성요소이다. TypeScript에도 함수는 JavaScript에서의 함수와 마찬가지로 사용이 가능하다. //JS // named function function add(x,y){ return x + y; } // arrow function let add = (x, y) => { return x + y; } 이를 TypeScript로 표현하면 다음과 같다. //TS // named function function add (x:number, y:number):number{ return x + y; } // arrow function let add = (x:number, y:number) : number => { return x + y; } Type.. 2023. 4. 13.
TypeScript의 타입 TypeScript는 JavaScript와 거의 동일한 데이터 타입을 지원한다. Boolean Type true, false의 값만 가진다. //TS let istrue : boolean = false; let isDone : boolean = true; Number Type JavaScript와 마찬가지로 정수와 실수의 구분 없이 Number type하나로 표기한다. let num : number = 7; let first : number = 1; String Type TypeScript는 JavaScript처럼 ""나 ''를 사용해 문자열 데이터를 표현한다. Template Literal을 사용하면 여러줄에 걸친 문자열 표기가 가능하다. let firstName : string = "Gildong";.. 2023. 4. 11.

티스토리툴바