본문 바로가기
반응형

타입스크립트3

타입 스크립트 기초 4 - 제네릭, 타입제한, 타입추론, 타입단언, 타입가드, 타입호환 function logText(text: string) { console.log(text); return text;}function logNumber(num: number) { console.log(num); return num;}console에 출력을 해주는 두 함수가 있다. 동일한 기능이지만 매개변수 타입이 string, number로 다르기 때문에 저렇게 사용한 것이다. 제네릭 선언function logText(text: T):T { console.log(text); return text;}함수의 중복선언으로 인해 코드가 낭비되므로 제네릭을 통해 구현하는 것이 좋다. function logText(text: string | number) { console.log.. 2024. 1. 10.
타입 스크립트 기초 2 - 인터페이스 인터페이스 선언interface User { age: number; name: string;}function getUser(user: User) { console.log(user);}매개변수의 종류와 타입을 정의하여 사용 함수의 구조 정의interface SumFunction { (a: number, b: number): number;}var sum: SumFunction;sum = function(a: number, b: number): number { return a + b;}이처럼 매개변수 개수와, 타입, 반환형을 인터페이스로 선언하여 함수의 구조를 정의할 수 있다. 인터페이스 확장interface Person { name: string; age: number;}inter.. 2024. 1. 10.
타입 스크립트 기초 1 - 변수와 함수 변수타입스크립트에서 기본적인 변수선언이다.let str: string = ‘hello’;let num: number = 10; 각각 문자열과 숫자 타입으로 변수 선언한 것이다. 그 이외에도 배열let arr: Array = [1, 2, 3];let heroes: Array = [‘Capt’, ‘Thor’, ‘Hulk’];let items: number[] = [1, 2, 3]; 튜플let address: [string, number] = [‘gangnam’, 100]; 객체let obj: object = {};let person: { name: string, age: number } = { name: ‘thor’, age: 1000} 진위값let show: boolean = true; 위와 같이 선언.. 2024. 1. 10.
반응형

티스토리툴바