본문 바로가기

TypeScript

(12)
[TypeScript] Type Aliases 타입 앨리어스 (Type Aliases) : 중복되거나 복잡한 타입들은 이름을 지어줘서 재사용 type Person = { name: string; age: number; } type StudentId = number | null; type Studen = Person & { id: StudentId; } type TupleType = [number, string]; const tuple1:TupleType = [10, 'hello']; const tuple2:TupleType = [10, 'hi']; const user1:Person = { name: '김개발', age: 20, } const user2:Person = { name: '이개발', age: 20, } Type Aliases vs Inte..
[TypeScript] 유니언 타입과 교차 타입 유니언 타입 (Union Types) : 타입을 여러 개 연결하는 역할 JavaScript 의 OR 연산자(||) TypeScript 의 유니언 타입(|) ex) x || y ex) string | number const func = (id: string | number) => { if(typeof id === 'string') { console.log('ID', id.toUpperCase()) } else { console.log('ID', id); } } func('red'); func(1234); 교차 타입 (Intersection Types) : 여러 개의 타입을 하나로 합쳐주는 역할 필요한 모든 기능을 가진 하나의 타입 생성 JavaScript 의 AND 연산자(&&) TypeScript 의 유..
[TypeScript] 함수 함수 선언하기 parameter type => 오른쪽에 작성 / return type => () 밖 오른쪽에 작성 // 함수 선언식 function sum1(a:number,b:number):number { return a + b; } // 함수 표현식 const sum2 = function(a:number,b:number):number { return a + b; } // 화살표 함수 const sum3 = (a:number,b:number):number => { return a + b; } 타입 별칭 (Type Aliases) : 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수 type MenuType = [string, number, number]; const menu1:[string, num..
[TypeScript] 기본 타입 ▶ 원시 타입 (Primitive) : 불변 / 객체가 아닌 값들 ※ 간단한 타입 추론을 유도하고 편리하게 사용할 수 있음 ( let str = 'string';) let str: string = 'hello world'; // string 타입 let num: number = 123; // number 타입 let bool: boolean = true; // boolean 타입 let big: bigint = 100n; // bigint 타입 // Symbol 타입 : 변경 불가능한 유일한 값 // Symbol() 값 생성 할 경우, 유니크한 충돌되지 않는 고유의 값을 가지게 된다. let sym1 = Symbol(); let sym2 = Symbol('hello'); let sym3 = Symbol(..