개발/TYPESCRIPT (4) 썸네일형 리스트형 [TypeScript] 타입스크립트 인터페이스(interface) 첫 번째 인터페이스 (Our First Interface) 어떻게 인터페이스가 동작하는지 확인하는 가장 쉬운 방법은 간단한 예제로 시작하는 것입니다: function printLabel(labeledObj: { label: string }) { console.log(labeledObj.label); } let myObj = {size: 10, label: "Size 10 Object"}; printLabel(myObj); 타입 검사는 printLabel 호출을 확인합니다. printLabel 함수는 string 타입 label을 갖는 객체를 하나의 매개변수로 가집니다. 이 객체가 실제로는 더 많은 프로퍼티를 갖고 있지만, 컴파일러는 최소한 필요한 프로퍼티가 있는지와 타입이 잘 맞는지만 검사합니다. Typ.. [TypeScript] 타입스크립트 기본 타입 배열 (Array) TypeScript는 JavaScript처럼 값들을 배열로 다룰 수 있게 해줍니다. 배열 타입은 두 가지 방법으로 쓸 수 있습니다. 첫 번째 방법은, 배열 요소들을 나타내는 타입 뒤에 []를 쓰는 것입니다: let list: number[] = [1, 2, 3]; 두 번째 방법은 제네릭 배열 타입을 쓰는 것입니다. Array: let list: Array = [1, 2, 3]; -> 제네릭 타입은 Array의 형식을 취하고 있다. 튜플 (Tuple) 튜플 타입을 사용하면, 요소의 타입과 개수가 고정된 배열을 표현할 수 있습니다. 단 요소들의 타입이 모두 같을 필요는 없습니다. 예를 들어, number, string 이 쌍으로 있는 값을 나타내고 싶을 수 있습니다: // 튜플 타입으로 .. [TypeScript] 타입스크립트에서 사용 가능한 모든 타입 기본 타입 (Primitive Types) boolean: 논리적인 값 true와 false를 가질 수 있습니다. number: 모든 숫자, 정수나 실수, NaN, Infinity 등을 나타낼 수 있습니다. string: 문자열을 나타냅니다. void: 반환값이 없는 함수의 반환 타입을 나타냅니다. null: 값이 없음을 나타냅니다. undefined: 값이 할당되지 않음을 나타냅니다. 객체 타입 (Object Types) array: 배열을 나타냅니다. number[], string[] 등으로 표기할 수 있습니다. tuple: 고정된 요소 수 만큼의 타입을 미리 선언하고, 그에 맞는 값을 배열 형태로 표현합니다. enum: 열거형으로, 숫자값 집합에 이름을 지정한 것입니다. any: 모든 타입을 허용합.. Typescript 짧은 상식 interface(인터페이스) interface User { name: string; id: number; } // ---cut--- const user: User = { name: "Hayes", id: 0, }; 타입스크립트를 객체형식에서 사용하려면 interface를 이용해야 한다. type OddNumbersUnderTen = 1 | 3 | 5 | 7 | 9; 유니언은 타입이 여러 타입 중 하나일 수 있음을 선언하는 방법이다. boolean 타입을 true 또는 false로 설정할 수 있다. 이전 1 다음