TSJSON → TypeScript
로딩 중...
TypeScript는 정적 타입을 지원하는 JavaScript 상위 언어입니다. API 응답 JSON을 TypeScript 프로젝트에서 사용하려면 interface 또는 type을 직접 작성해야 하는데, 복잡한 중첩 구조일수록 번거롭고 실수가 생기기 쉽습니다. 이 도구는 JSON을 붙여넣으면 중첩 interface/type을 자동으로 생성하여 개발 생산성을 높여줍니다.
사용 방법
- 1JSON 입력
왼쪽에 TypeScript 타입으로 변환할 JSON을 붙여넣습니다. '예시 불러오기' 버튼으로 샘플 데이터를 먼저 확인해볼 수 있습니다.
- 2옵션 설정
루트 인터페이스 이름, 출력 스타일(interface/type alias), export 키워드 포함 여부, null 값 표현 방식을 설정합니다.
- 3결과 복사
오른쪽에 생성된 TypeScript 코드를 확인하고, 복사 버튼으로 클립보드에 복사하여 프로젝트에 붙여넣습니다.
활용 팁
- 💡중첩 JSON 객체는 자동으로 별도의 interface/type으로 변환됩니다.
- 💡null 값이 포함된 필드는 'T | null' 형태로 표현되어 null-safety를 보장할 수 있습니다.
- 💡빈 배열([])은 unknown[] 타입으로 생성됩니다. 실제 타입을 알고 있다면 직접 수정하세요.
- 💡API 응답 JSON을 붙여넣으면 ResponseType을 빠르게 정의할 수 있습니다.