[한입] 📒Day13 Quiz

Quiz 1.

/*
[ 문제 소개 ]
다음 요구사항을 만족하도록 getSellersFromProducts 함수의 매개변수와 반환값 타입을 정의하세요
- getSellersFromProducts 함수는 매개변수로 받은 Product 배열로부터, seller 객체만 추출해 새로운 배열로 반환하는 함수입니다.
- 반환값을 명시적으로 설정해야 합니다 (인덱스드 엑세스 타입)
*/

/* [Quiz] 아래의 코드를 수정하세요 */

interface Product {
  id: number;
  name: string;
  price: number;
  seller: {
    id: number;
    name: string;
    company: string;
  };
}

function getSellersFromProducts(products: any): any {
  return products.map((product) => product.seller);
}

/* [Test] 여기부터는 정답을 체크하기 위한 용도로 수정하지 않습니다 */
import { Equal, Expect } from "@type-challenges/utils";

type TestCases = [
  Expect<Equal<Parameters<typeof getSellersFromProducts>[0], Product[]>>,
  Expect<Equal<ReturnType<typeof getSellersFromProducts>, Product["seller"][]>>
];

✏️답안(틀림)

function getSellersFromProducts(products: Product[]): Product["seller"] {
  return products.map((product) => product.seller);
}

정답

function getSellersFromProducts(products: Product[]): Product["seller"][] {
  return products.map((product) => product.seller);
}

해설

Quiz 2.

/*
[ 문제 소개 ]
다음 조건을 만족하는 3개의 타입을 추가로 정의하세요
- PartialProduct 타입은 Product 타입의 모든 프로퍼티를 다 선택적 프로퍼티로 바꾼 타입입니다.
- ReadonlyProduct 타입은 Product 타입의 모든 프로퍼티를 다 읽기 전용 프로퍼티로 바꾼 타입입니다.
- ReadonlyPartialProduct 타입은 Product 타입의 모든 프로퍼티를 다 선택적, 읽기 전용 프로퍼티로 바꾼 타입입니다.
*/

/* [Quiz] 아래의 코드를 수정하세요 */
interface Product {
  id: number;
  name: string;
  price: number;
  seller: {
    id: number;
    name: string;
    company: string;
  };
}

type PartialProduct = any;

type ReadonlyProduct = any;

type ReadonlyPartialProduct = any;

/* [Test] 여기부터는 정답을 체크하기 위한 용도로 수정하지 않습니다 */
import { Equal, Expect, NotEqual } from "@type-challenges/utils";

type TestCases = [
  Expect<Equal<PartialProduct, Partial<Product>>>,
  Expect<Equal<ReadonlyProduct, Readonly<Product>>>,
  Expect<Equal<ReadonlyPartialProduct, Readonly<Partial<Product>>>>
];

✏️답안

type PartialProduct = {
  [key in keyof Product]?: Product[key];
};

type ReadonlyProduct = {
  readonly [key in keyof Product]: Product[key];
};

type ReadonlyPartialProduct = {
  readonly [key in keyof Product]?: Product[key];
};

코드링크

Quiz 3.

/*
[ 문제 소개 ]
다음 조건을 만족하는 Score 타입을 구현하세요
- Score 타입은 점수를 나타내기 위한 문자열 타입으로 '${0부터 10까지의 정수}-${0부터 10까지의 정수}'형식을 갖습니다'
  - ex) "1-0", "3-2", "0-4" 이런 형태의 문자열 타입입니다.
  - ex) 어느쪽의 점수에도 두 자리수는 올 수 없습니다.
*/

/* [Quiz] 아래의 코드를 수정하세요 */
type Score = any;

/* [Test] 여기부터는 정답을 체크하기 위한 용도로 수정하지 않습니다 */
import { Equal, Expect, ExpectExtends, ExpectFalse } from "@type-challenges/utils";

const tc1 = "19-0";
const tc2 = "5-11";
const tc3 = "9-1";
const tc4 = "2-8";
const tc5 = "7-2";

type TestCases = [
  ExpectFalse<ExpectExtends<Score, typeof tc1>>,
  ExpectFalse<ExpectExtends<Score, typeof tc2>>,
  Expect<ExpectExtends<Score, typeof tc3>>,
  Expect<ExpectExtends<Score, typeof tc4>>,
  Expect<ExpectExtends<Score, typeof tc5>>
];

✏️답안

type Score = `${Int}-${Int}`;

type Int = '1'|'2'|'3'|'4'|'5'|'6'|'7'|'8'|'9'|'10';

코드링크