🧬 JSON → 타입 변환기
JSON 구조를 분석해 TypeScript interface를 생성합니다. 모든 처리는 브라우저 안에서만 이뤄져 API 응답을 붙여넣어도 안전합니다.
사용 방법
- API 응답 등 JSON을 붙여넣습니다.
- 필요하면 최상위 타입 이름을 바꿉니다(기본 Root).
- 생성된 TypeScript 타입을 복사해 코드에 붙여넣습니다.
이럴 때 유용해요
- API 응답 JSON에서 프론트엔드 타입을 빠르게 만들 때
- 중첩된 설정 파일 구조를 타입으로 문서화할 때
- 손으로 타입을 적기 귀찮은 큰 객체를 자동 변환할 때
알아두면 좋은 팁
- 배열은 첫 요소를 기준으로 타입을 추론합니다. 요소마다 구조가 다르면 결과를 손봐야 할 수 있습니다.
- null 값은 null 타입으로, 빈 객체는 Record<string, unknown>으로 처리됩니다. 필요에 맞게 다듬어 사용하세요.
자주 묻는 질문
중첩된 객체도 변환되나요?
네. 객체 안의 객체는 인라인 타입으로 재귀적으로 펼쳐 표현합니다. 배열 안 객체도 요소 타입을 추론해 T[] 형태로 만듭니다.
붙여넣은 JSON이 서버로 전송되나요?
아니요. 파싱과 타입 생성은 전부 브라우저 자바스크립트로 처리되며 어디에도 전송·저장되지 않습니다. 실제 API 응답을 붙여넣어도 안전합니다.
숫자 타입은 number, string 어떻게 구분하나요?
JSON 값의 실제 자료형을 따릅니다. 3은 number, "3"은 string, true는 boolean으로 추론합니다. 숫자를 문자열로 받는 API라면 결과 타입도 string이 됩니다.
