JSON to TypeScript 변환기

JSON to TypeScript 변환이란 무엇인가요?

예시

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

{"users":[{"id":1,"nick":"x"},{"id":2}]}

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

JSON을 TypeScript로 변환하는 방법

1. 1

   JSON 붙여넣기

   JSON 객체, 배열 또는 API 응답을 입력 상자에 넣으세요. 변환이 즉시 시작됩니다.

2. 2

   출력 조정

   interface 또는 type을 선택하고, 루트 이름을 설정하고, export를 토글하고, 선택적 필드에 ?: 또는 | null을 선택하세요.

3. 3

   복사 또는 다운로드

   생성된 TypeScript를 한 번의 클릭으로 가져와 코드베이스에 바로 붙여넣으세요.

변환이 작동하는 방식

구조적 추론

각 객체는 명명된 interface가 되며, 동일한 형태는 중복 제거되어 복사본이 아닌 하나의 타입을 얻습니다.

배열 병합

객체 배열은 키 단위로 병합되며, 일부 항목에 없는 키는 선택적으로 표시됩니다.

100% 클라이언트 측

파싱과 생성이 네트워크 호출 없이 브라우저에서 실행되므로 데이터가 비공개로 유지됩니다.

깔끔한 TypeScript 타입을 위한 팁

루트 타입 이름 짓기

읽기 쉬운 코드를 위해 기본값 Root 대신 의미 있는 루트 이름(예: User, ApiResponse)을 설정하세요.

데이터가 희소할 때는 null보다 선택적을 선호

없을 수도 있는 필드에는 ?:를 사용하고, API가 명시적으로 null을 반환할 때만 | null을 사용하세요.

자주 묻는 질문