JavaScript를 TypeScript로 변환
타입 어노테이션을 포함하여 JavaScript를 TypeScript로 변환
JavaScript 입력
TypeScript 출력
JavaScript를 TypeScript로란?
TypeScript는 JavaScript에 정적 타입을 추가합니다. 이 변환기는 타입 어노테이션을 추가하고 JS를 TS로 변환합니다. 점진적 마이그레이션 또는 타입이 지정된 시작점으로 활용하세요. TypeScript 핸드북이 언어를 정의합니다.
이 도구는 완전히 브라우저에서 실행됩니다. 서버로 전송되는 데이터가 없습니다. JS를 붙여넣거나 파일을 업로드하면 TypeScript 출력을 얻습니다. JS 포맷에는 JavaScript 포매터, 검증에는 JavaScript 검증기, 코드 실행에는 JavaScript 콘솔을 사용하세요.
이 도구 사용 방법
붙여넣기 또는 업로드
왼쪽 패널에 JavaScript를 붙여넣거나 .js 또는 .txt 파일을 업로드하세요. 샘플을 사용해 예제 코드를 불러올 수 있습니다. 지우기로 초기화할 수 있습니다.
TypeScript 출력 확인
오른쪽 패널에 타입 어노테이션이 있는 TypeScript가 표시됩니다. 타입은 추론되거나 불분명한 경우 any로 추가됩니다.
복사 또는 다운로드
.ts 출력을 얻으려면 복사 또는 다운로드를 사용하세요. 타입을 검토하고 정제하세요. tsc로 검증하세요.
JavaScript에서 TypeScript로 예시
타입 어노테이션을 포함하여 JavaScript를 TypeScript로 변환하는 예시입니다.
예시: 구독자 플랜 조회
JavaScript 입력:
TypeScript 출력:
JavaScript에서 TypeScript로가 도움이 되는 경우
JS 프로젝트를 TypeScript로 마이그레이션할 때 이 도구가 시작점을 제공합니다. 타입을 정제하고 문제를 수정한 후 TypeScript 컴파일러(tsc)를 실행해야 합니다. webpack, Vite, Angular 같은 빌드 도구들은 TypeScript를 통합합니다. JSX/React에는 JSX 포매터로 포맷하세요.
자주 묻는 질문
내 데이터는 안전한가요?
예. 변환은 완전히 브라우저에서 실행됩니다. 어떤 서버로도 데이터가 전송되지 않습니다.
타입이 정확한가요?
이 도구는 가능한 경우 타입을 추론합니다. 복잡한 경우에는 any를 사용할 수 있습니다. 출력을 검토하고 정제하세요.
JSX를 지원하나요?
JavaScript의 JSX는 TSX로 변환될 수 있습니다. 출력을 확인하세요. JSX 포맷에는 JSX 포매터를 사용하세요.
TypeScript를 JavaScript로 변환할 수 있나요?
TypeScript 컴파일러(tsc) 또는 Babel을 사용하세요. 이 도구는 JS를 TS로 변환합니다.
strict 모드는 어떻게 되나요?
출력이 strict TypeScript를 만족하지 않을 수 있습니다. strict 플래그를 추가하고 필요에 따라 오류를 수정하세요.
관련 도구
TypeScript. ECMAScript. MDN JavaScript. webpack. Babel. Prettier.