DIL: 이펙티브 타입스크립트

스터디: 월간 CS, https://github.com/monthly-cs/2024-05-effective-typescript
작성일: 2024-05-07
작성자: dusunax

---

문제

• 개념 퀴즈
  • 교재의 개념을 기준으로 O/X, 또는 n지선다 퀴즈
• 변형 예제
  • 교재의 예제를 참고하여 변형한 예제를 만든다.
• 블랙박스 퀴즈
  • 테스트 케이스가 실패한 원인을 찾는다.

아이템 1

Quiz

• 타입스크립트는 자바스크립트의 Superset이다. (O/X)
• 모든 자바스크립트 프로그램은 타입스크립트 프로그램이다. (O/X)
• 타입스크립트는 자바스크립트의 런타임 동작을 모델링하는 타입 시스템을 가지고 있다. (O/X)

Example

const numbers = [1, 2, 3];
console.log(numbers[3].toFixed());

• 위 코드에서 어떤 일이 발생하나요?

• a) 배열의 인덱스 범위를 초과하여 접근하는 오류

• b) undefined의 속성을 읽을 수 없는 오류

• c) toFixed()에 정확한 타입의 인수를 전달하지 않은 오류

• d) 오류 없이 실행됨

• 타입 체커는 에러를 발견할 수 있나요? (O/X)

interface Fruits {
  name: string;
  details: {
    info: {
      icon: string;
    };
  };
}

const fruits: Fruits[] = [
  { name: "Apple", details: { info: { icon: "🍎" } } },
  { name: "Orange", details: { info: { iocn: "🍊" } } }, // 1️⃣
  { name: "Grape", details: { info: { icon: "🍇" } } },
  { name: "Cherry", details: null }, // 3️⃣
];

for (const fruit of fruits) {
  console.log(fruit.details.icon); // 2️⃣
}

• 위 코드에서 발생하는 3가지 오류와, 발생 위치는?
  • a) Type 'null' is not assignable to type '{ info: { icon: string; }; }'.
  • b) Property 'icon' does not exist on type ...
  • c) Type '{ iocn: string; }' is not assignable to type '{ icon: string; }'.Object literal may only specify known properties, and 'iocn' does not exist in type '{ icon: string; }'.
  • d) 'fruit.details' is possibly 'undefined'.

Blackbox

/**
 * - 오류가 발생할까요?
 * - 어떤 위치에서 발생할까요?
 * - 이유는 무엇인가요?
 * */
// Question A
function processDataA(input) {
  return input / 2;
}
console.log(processDataA("10"));

// Question B
function processDataB(input: number) {
  return input / 2;
}
console.log(processDataB("10"));

// Question C
function processDataC(input: number) {
  return input / 2;
}
console.log(processDataC("10" as any));

아이템 2

Quiz

• tsconfig.json을 사용하는 것이 좋은 이유로 더 적절한 것은?
  • a) 타입스크립트 코드의 문제를 더 쉽게 발견할 수 있기 때문
  • b) 다른 도구와의 호환성을 보장하기 위해서
• noImplicitAny 설정을 true로 설정하는 경우에 대한 설명으로 옳은 것은?
  • a) 타입스크립트 컴파일러는 모든 함수의 매개변수에 대한 타입을 명시하지 않으면 경고를 발생시킵니다.
  • b) 타입 명시를 하지 않은 경우 코드는 컴파일되지 않습니다.
  • c) 개발자가 생산성을 향상시키기 위해 false로 설정하는 것이 일반적입니다.- d) 모든 항목이 옳은 답
• strictNullChecks 설정을 true로 설정하는 이유는 'undefined는 객체가 아닙니다'와 같은 런타임 오류를 방지하기 위해서이다. (O/X)