OpenAPI → TypeScript Types
로컬 처리OpenAPI → TypeScript Types — 입력한 내용을 어디에도 보내지 않고 내 폰·PC에서 바로 처리하는 무료 도구입니다.
사용 방법과 처리 기준
OpenAPI → TypeScript Types — 입력한 내용을 어디에도 보내지 않고 내 폰·PC에서 바로 처리하는 무료 도구입니다.
도구의 계산과 파일 처리는 브라우저 안에서 이루어집니다. 계산기·단위 변환의 공유 링크를 직접 만들면 값이 URL에 포함됩니다. 계정·방문 통계·광고 관련 정보 처리는 개인정보처리방침을 확인하세요.
현재 제한
- 최대 입력 길이 100,000자
백엔드 API 명세로 프런트엔드 타입을 빠르게 만들 때 씁니다. JSON 형식의 OpenAPI를 붙여 넣으면 스키마마다 interface를 만듭니다.
components.schemas만 변환합니다. 경로(paths)별 요청·응답 타입은 만들지 않습니다. YAML 명세는 먼저 "YAML → JSON"으로 바꾸세요.
이 도구로 할 수 있는 일
- 스키마 → interface
- components.schemas의 각 스키마를 export interface로.
- 선택 속성
- required에 없는 속성에 ?를 붙입니다.
OpenAPI → TypeScript Types 사용 방법
- 1OpenAPI 붙여 넣기JSON 형식의 명세를 붙여 넣습니다.
- 2결과 확인만들어진 타입을 봅니다.
- 3복사types.ts 등에 붙입니다.
활용 예시
User 스키마
입력: {"components":{"schemas":{"User":{"type":"object","required":["id"],"properties":{"id":{"type":"integer"},"name":{"type":"string"}}}}}}
결과: export interface User {
"id": number;
"name"?: string;
}
이럴 때 유용해요
- API 명세로 프런트엔드 타입을 만들 때
- 명세와 코드의 타입을 맞춰 볼 때
자주 묻는 질문 (FAQ)
integer도 number가 되나요?
네. TypeScript에는 정수 타입이 따로 없어 integer와 number를 모두 number로 씁니다.