[한입] 📒Day11 Quiz

Quiz 1.

/*
[ 문제 소개 ]
다음 요구사항을 만족하는 3개의 인터페이스를 정의하세요
1. Content Interface
  - name(String 타입), info(T 타입) 프로퍼티를 갖습니다.
2. Video Interface
  - playTime(Number 타입) 프로퍼티를 갖습니다. 
3. Book Interface
  - pageNumber(Number 타입) 프로퍼티를 갖습니다.
*/

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

interface Video {}

interface Book {}

interface Content {}

/* [Test] 여기부터는 정답을 체크하기 위한 용도로 수정하지 않습니다 */
function watchVideo(content: Content<Video>) {
  console.log(`${content.info.playTime}시간의 강의를 시청함`);
}

function readBook(content: Content<Book>) {
  console.log(`${content.info.pageNumber}권의 책을 읽음`);
}

watchVideo({
  name: "한 입 크기로 잘라먹는 타입스크립트",
  info: {
    playTime: 10.5,
  },
});

readBook({
  name: "한 입 크기로 잘라먹는 리액트",
  info: {
    pageNumber: 700,
  },
});

✏️답안

interface Video {
  playTime: number;
}

interface Book {
  pageNumber: number;
}

interface Content<T> {
  name: string;
  info: T;
}

코드링크

Quiz 2.

/*
[ 문제 소개 ]
getComments 함수의 적절한 반환값 타입을 정의 하세요
- getComments 함수는 여러개의 Comment 타입 객체를 담는 배열을 비동기적으로 반환하는 함수입니다.
- 반환값 타입이 Promise<unknown>이 아닌 좀 더 정확한 타입으로 추론되게 하여도 정답으로 인정합니다.
*/

/* [Quiz] 아래의 코드를 수정하세요 */
interface Comment {
  id: number;
  author: string;
  content: string;
}

function getComments() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve([
        {
          id: 1,
          author: "이정환 & 김효빈",
          content: "한입 FE 챌린지! 완강까지 화이팅!",
        },
      ]);
    }, 2000);
  });
}

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

type TestCases = [
  Expect<NotEqual<ReturnType<typeof getComments>, Promise<any>>>,
  Expect<NotEqual<ReturnType<typeof getComments>, Promise<unknown>>>,
  Expect<NotEqual<ReturnType<typeof getComments>, Promise<never>>>,
  Expect<Equal<ReturnType<typeof getComments>, Promise<Comment[]>>>
];

✏️답안

function getComments():Promise<Comment[]> {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve([
        {
          id: 1,
          author: "이정환 & 김효빈",
          content: "한입 FE 챌린지! 완강까지 화이팅!",
        },
      ]);
    }, 2000);
  });
}

코드링크