0Pricing
TypeScript Academy · 강의

오류 타이핑(unknown)과 catch에서 좁히기

catch 매개변수를 unknown으로 지정한 다음 instanceof/typeof 또는 사용자 지정 가드로 좁혀 오류를 안전하게 처리합니다.

오류 타이핑(unknown)과 catch에서 좁히기은(는) CoddyKit의 무료 TypeScript Academy 강의입니다. 이것은 3개 중 2번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 TypeScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. TypeScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.

소개

목표: 오류를 unknown으로 받고 안전하게 타입을 좁힙니다. instanceof, typeof, 사용자 지정 타입 가드를 사용하여 예기치 않은 문제 없이 오류 데이터를 읽습니다.

unknown 및 instanceof

unknown으로 시작합니다. instanceof Error로 타입을 좁히면 message, stack 등에 접근할 수 있습니다.

async function boom(): Promise<void> { throw new Error("boom") }

async function run() {
  try {
    await boom();
  } catch (e: unknown) {
    if (e instanceof Error) {
      console.error("Handled:", e.message);
    } else {
      console.error("Non-Error thrown:", e);
    }
  }
}

run();

원시 값에 typeof 사용

일부 코드는 문자열이나 다른 원시 값을 발생시킵니다. typeof로 타입을 좁혀 안전하게 처리합니다.

function throwString() { throw "bad" }

try {
  throwString();
} catch (e: unknown) {
  if (typeof e === "string") {
    console.warn("string error:", e.toUpperCase());
  } else {
    console.warn("other error", e);
  }
}

사용자 지정 가드

여러 계층에서 전달되는 “오류와 비슷한” 형태를 인식하도록 사용자 정의 타입 가드를 만듭니다.

type ErrorLike = { message: string; code?: string };

function isErrorLike(e: unknown): e is ErrorLike {
  return !!e && typeof e === "object" && "message" in e;
}

try {
  throw { message: "oops", code: "E_BAD" };
} catch (e: unknown) {
  if (isErrorLike(e)) {
    console.error(e.message, e.code ?? "no-code");
  } else {
    console.error("unknown error", e);
  }
}

안전한 오류 기록

오류 처리를 한곳에 모읍니다. 작은 도우미가 타입을 좁히고 안전하게 기록하여, 기록 과정 자체에서 충돌이 발생하지 않게 합니다.

function logErrorSafe(e: unknown): void {
  if (e instanceof Error) {
    console.error("Error:", e.message);
  } else if (typeof e === "string") {
    console.error("Error(string):", e);
  } else {
    try {
      console.error("Error(obj):", JSON.stringify(e));
    } catch {
      console.error("Error(unknown)");
    }
  }
}

try { throw { oops: true } } catch (e: unknown) { logErrorSafe(e) }

팁

팁:

  • catch에서는 unknown을 우선 사용합니다.
  • instanceof, typeof 또는 가드로 타입을 좁힙니다.
  • Error라고 단정하지 않습니다. 서드파티 코드에서는 무엇이든 발생시킬 수 있습니다.

오류 타입 확인

빠른 확인: catch에서 unknown을 우선 사용해야 하는 이유는 무엇입니까?

복습

복습: 오류를 unknown으로 받고, instanceof/typeof 또는 사용자 지정 가드로 타입을 좁히며, 안전한 오류 기록을 한곳에서 처리합니다.

자주 묻는 질문

“오류 타이핑(unknown)과 catch에서 좁히기” 강의는 무료인가요?

네 — “오류 타이핑(unknown)과 catch에서 좁히기” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 TypeScript Academy 강의 전체를 잠금 해제할 수 있습니다. TypeScript Academy 강의에는 총 3개의 강의가 포함되어 있습니다.

“오류 타이핑(unknown)과 catch에서 좁히기”에서 뭘 배우나요?

catch 매개변수를 unknown으로 지정한 다음 instanceof/typeof 또는 사용자 지정 가드로 좁혀 오류를 안전하게 처리합니다. 브라우저에서 직접 실행하는 실습 코드로 TypeScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

TypeScript Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 TypeScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 3개 중 2번째 강의입니다.

“오류 타이핑(unknown)과 catch에서 좁히기” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 TypeScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 TypeScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. Promise 와 async/await 타이핑
  2. 오류 타이핑(unknown)과 catch에서 좁히기
  3. 동시성 패턴(all/settled/race) 타입
← TypeScript Academy(으)로 돌아가기