Typescript 함수의 입력 타입과 출력타입 추출하기

Typescript 함수의 입력 타입과 출력타입 추출하기

라이브러리를 사용하다보면 제공하는 메서드의 대부분의 타입을 import 해서 사용할 수 있지만 그렇지 않은 경우도 있습니다

react-accessible-treeview의 flattenTree 메서드 타입의 입력타입은 export가 붙어있지 않다

함수의 입력타입 추출하기

함수로 부터 입력 파라미터 타입을 추출할 수 있는 유틸타입(Parameters)을 사용하면 쉽게 타입을 정의해서 사용할 수 있습니다

  • Parameters<함수타입> 과 같이 사용하면 함수의 파라미터타입을 배열로 받을 수 있습니다
function add(a: number, b: number) {
  return a + b;
}

type AddParameterA = Parameters<typeof add>[0]; // number <- a
type AddParameterB = Parameters<typeof add>[1]; // number <- b

function addArgs(args: { a: number; b: number }) {
  return args.a + args.b;
}

type AddArgsParameter = Parameters<typeof addArgs>[0]; // { a: number; b: number }

함수의 출력타입 추출

함수의 리턴타입을 추출하는 유틸타입은 ReturnType 입니다

function addArgs(args: { a: number; b: number }) {
  return args.a + args.b;
}

type AddArgsReturnType = ReturnType<typeof addArgs>; // number

참고

Read more

Lumen - AI Agent를 위한 지속 가능한 두뇌

Lumen - AI Agent를 위한 지속 가능한 두뇌

왜 만들었는가 AI 에이전트는 모든 대화를 기억상실증 상태에서 시작합니다. Claude Code, Cursor, Codex, Mastra 하네스, LangChain 파이프라인 — 이 도구들은 세상을 알지만 당신의 세상은 전혀 모릅니다. 당신이 읽은 200편의 논문, 당신이 출시하는 코드베이스, 지난 분기에 내린 아키텍처 결정, 새벽 2시에 그 버그를 잡아냈을 때 마침내 통했던 트래젝토리. 모든 세션이 같은 컨텍스트를

By Sardor Madaminov

200 OK, 텅 빈 body — Starlette Race Condition 장애 분석기

발생일: 2026-04-23 / 해결일: 2026-04-27 영향 범위: report-dev.machine365.ai 전체 API 들어가며 API가 200 OK를 반환하는데 body가 비어있다. 프론트엔드에는 아무것도 안 뜨고, Swagger UI(/docs)도 빈 화면. 그런데 로컬에서 돌리면 멀쩡하다. 배경은 이랬다. 미터링(Metering) 기능을 만들면서 API 호출 로그를 수집할 미들웨어를 작성했다. Spring Boot 백엔드에 먼저 적용하고, Python

By Jeonggil