JSON을 TypeScript로 변환

JSON 예시로부터 TypeScript 인터페이스를 생성합니다.

입력

결과

사용 예시

서버에서 받은 JSON 응답 예시를 붙여넣으면 TypeScript interface 초안을 바로 받아 프로젝트에 붙여넣을 수 있습니다.

JSON 안에 다른 객체가 들어있으면 해당 필드 이름을 바탕으로 별도의 interface를 만들어 깔끔하게 정리합니다.

배열에 담긴 객체마다 필드 구성이 조금씩 다르면, 모든 원소에 없는 필드는 자동으로 '?' 옵셔널 표시가 붙은 하나의 interface로 합쳐집니다.

입력한 JSON이 서버로 전송되나요?

아니요. 모든 변환은 브라우저 안에서만 이루어지며 입력한 내용은 서버로 전송되지 않습니다.

생성된 코드를 수정 없이 그대로 써도 되나요?

하나의 JSON 예시만 보고 추론한 결과이므로 실제 데이터의 모든 경우의 수를 완벽히 반영하지는 못할 수 있습니다. 생성된 interface를 시작점으로 삼아 필요에 맞게 다듬어 사용하는 것을 권장합니다.

날짜 문자열도 Date 타입으로 인식하나요?

아니요. JSON에는 날짜 타입이 따로 없어 모든 문자열은 string으로 처리됩니다. 날짜로 다루고 싶다면 생성된 코드에서 직접 타입을 바꿔주세요.

같은 모양의 객체가 여러 번 나오면 어떻게 되나요?

구조가 동일한 객체는 중복된 interface를 만들지 않고 하나의 interface를 재사용합니다.