JSON to TypeScript Interface Generator는 무엇인가요?

JSON 객체를 TypeScript interface 또는 type alias 정의로 변환합니다. 유효한 JSON을 붙여 넣으면 중첩 객체를 위한 별도 인터페이스와 string, number, boolean, null, 배열의 올바른 타입을 포함한 강타입 TypeScript 코드를 즉시 생성합니다.

TypeScript에서 interface와 type의 차이점은 무엇인가요?

둘 다 객체의 형태를 표현할 수 있습니다. interface는 선언 병합(여러 곳에서 동일 인터페이스 확장)을 지원하며 공개 API 계약에 주로 사용됩니다. type alias는 유니언, 교차 타입, 원시 타입 등 더 유연하게 사용할 수 있습니다. JSON에서 생성되는 단순 객체 형태는 어느 쪽이든 잘 작동하며 주로 스타일 선호도의 차이입니다.

'필드를 optional로 표시' 옵션은 무엇인가요?

활성화하면 모든 생성된 필드에 물음표가 붙습니다(예: name?: string). 일부 키가 없을 수 있는 PATCH 요청 바디나 nullable API 페이로드처럼 JSON이 부분 응답을 나타낼 때 유용합니다.

중첩 객체는 어떻게 처리되나요?

각 중첩 JSON 객체는 별도의 명명된 인터페이스 또는 타입으로 생성됩니다. 이름은 부모 키를 PascalCase로 변환하여 만들어집니다(예: 'address' 키는 Address 인터페이스 생성). 중첩 인터페이스는 루트 인터페이스보다 먼저 출력되어 전체를 복사하면 바로 컴파일됩니다.

배열 요소의 타입이 다를 때 어떻게 처리되나요?

모든 요소가 동일한 타입(예: 모두 string)이면 string[] 또는 Array 으로 출력됩니다. 여러 타입이 혼재하면 (string | number)[] 같은 유니언 타입이 생성됩니다. 빈 배열은 요소 타입을 추론할 수 없으므로 unknown[]이 사용됩니다.

JSON to TypeScript 인터페이스 생성기

JSON 객체를 TypeScript interface 또는 type alias로 즉시 변환합니다. 중첩 객체, 배열, null, 혼합 타입을 모두 처리합니다.

루트 이름

키워드

배열 문법

필드를 optional로 표시

JSON 입력

TypeScript 출력

사용 방법

JSON 객체를 TypeScript interface 또는 type alias로 즉시 변환합니다. 중첩 객체, 배열, null, 혼합 타입을 모두 처리합니다.

1왼쪽 패널에 JSON 객체를 붙여 넣거나 '샘플 불러오기'를 클릭하세요.
2루트 인터페이스 이름(기본값: Root), interface vs type 선택, 배열 문법 및 optional 필드 옵션을 조정하세요.
3오른쪽 패널에 입력 즉시 생성된 TypeScript 인터페이스가 표시됩니다.
4'복사'를 클릭하여 전체 TypeScript 출력을 클립보드에 복사하세요.

주요 기능

모든 중첩 객체에 대해 별도의 명명된 인터페이스 생성
interface와 type alias 출력 전환
T[] 또는 Array<T> 배열 문법 선택
단일 토글로 모든 필드를 optional로 표시
string, number, boolean, null, 배열, 혼합 타입 유니언 처리
실시간 생성 — 버튼 클릭 불필요
100% 브라우저 기반, JSON이 기기 밖으로 나가지 않음

JSON to TypeScript 인터페이스 생성기

사용 방법

주요 기능

자주 묻는 질문

더 알아보기