개발자 도구JSON → TS 타입

JSON to TypeScriptJSON으로 인터페이스 자동 생성

JSON을 붙여 넣으면 TypeScript interface를 자동으로 만들어 주는 온라인 변환기입니다. 중첩 객체와 배열까지 타입을 나눠 만들어 API 응답 타입을 바로 쓸 수 있습니다.

JSON → TS 타입 사용법

JSON 을 붙여 넣으면 TypeScript interface 를 만들어 줍니다. API 응답 타입을 손으로 적다 빠뜨리는 일을 줄여 줍니다.

  1. JSON 을 붙여 넣습니다

    응답 본문을 그대로 붙여 넣으면 됩니다. 중첩된 객체는 따로 interface 로 나눠 만듭니다.

  2. 타입 이름을 정합니다

    가장 바깥 타입의 이름을 바꿀 수 있습니다. 안쪽 타입 이름은 항목 이름에서 따옵니다.

  3. 복사해 씁니다

    만들어진 선언을 그대로 복사해 프로젝트에 붙여 넣습니다.

자주 묻는 질문

unknown 이 나오는 자리는 뭔가요?
값 하나만 보고는 모양을 알 수 없는 자리입니다. 빈 배열은 원소가 무엇인지 알 수 없고, null 만 담긴 항목도 원래 무엇이 오는지 알 수 없습니다. 그 자리는 직접 채워야 합니다.
물음표(?)가 붙은 항목은 뭔가요?
배열 원소마다 있고 없고가 갈리는 항목입니다. 어떤 원소에는 있고 어떤 원소에는 없으면 없을 수도 있는 항목으로 봅니다. 배열에 원소를 여러 개 넣어 볼수록 정확해집니다.
붙여 넣은 JSON 이 서버로 가나요?
가지 않습니다. 브라우저 안에서만 변환하므로 응답 본문이 밖으로 나가지 않습니다.

개발자 도구 다른 도구