타입스크립트(TypeScript)는 일반적인 타입 변환 작업을 쉽게 만들어주는 여러 유틸리티 타입(Utility Types)을 제공한다.일반적인 타입 정의는 적응을 했지만, 조금 더 타입스크립트를 잘 활용하기 위해,유틸리티 타입을 써보려는 김에 어떤 종류가 있는지 적어본다.1. Partial모든 프로퍼티를 선택적으로 만든다.interface Post { title: string; date: Date; content: string;}function updatePost(post: Post, fieldsToUpdate: Partial) { return { ...post, ...fieldsToUpdate };}const post1 = { title: "공지사항", date: new Date(), c..
Quiz 1 다음 요구사항을 만족하도록 introduce 함수의 매개변수의 타입을 정의하세요 name 매개변수는 String 타입이며, "이정환" 이라는 기본값이 설정됩니다. tall 매개변수는 Number 타입이며, 선택적 매개변수 입니다. Answer 1 function introduce(name = "치현", tall?: number) { if (!tall) { console.log(`안녕하세요 ${name}입니다!`); } else { console.log(`안녕하세요 ${name}입니다. 키는 ${tall}입니다`); } } Quiz 2 함수 타입 표현식을 이용해 다음 요구사항을 만족하는 타입 Func를 정의하세요 2개의 매개변수 a와 b를 받습니다. 매개변수 a는 Number, b는 Strin..
Quiz 1. 타입 단언을 이용해 person 변수에 빈 객체를 할당하세요 (힌트. 초과 프로퍼티 검사 방지를 위한 타입 단언) type Person = { name: string; age: number; }; let person: Person = {};Answer let person = {} as Person; person.name = "치현"; person.age = 29;Quiz 2. 타입 단언을 이용해 함수 호출에서의 오류를 해결하세요 (힌트. const 단언) let value = 10; giveMe10(value); // error: 'number' 타입의 인수는 '10' 타입의 매개변수에 할당할 수 없다. function giveMe10(value: 10) { r..
Quiz 1. 아래 코드의 변수 a,b,c,d,e의 타입은 각각 어떻게 추론될까요? let a = 10; const b = 20; const c = [1, 2]; const d = [1, "hello", true]; const e = [1, 2, 3] as const; Answer type A = number; type B = 20; type C = number[]; type D = (number | string | boolean)[]; type E = [1, 2, 3]; Quiz 2. 다음 요구사항을 만족하는 Animal, DogCat(개냥이) 타입을 완성하세요 Animal 타입은 Dog 타입일 수도 Cat 타입일 수도 있습니다. DogCat 타입은 Dog이자 Cat입니다. type Dog = { na..
