TL
툴랩
💰후원하기
💰후원하기

TypeScript 포매터

들여쓰기 설정으로 TypeScript 코드를 포매팅하세요.

TypeScript 입력
포맷된 출력

이 도구 소개

TypeScript 포맷터는 일관된 들여쓰기를 적용하여 TypeScript 코드를 정리합니다. 최소화되거나 들여쓰기가 잘못된 TypeScript를 붙여넣고 2 또는 4 스페이스 들여쓰기로 깔끔한 출력을 얻을 수 있습니다.

모든 포맷팅은 브라우저에서 실행됩니다 — 코드가 서버로 전송되지 않습니다. 중괄호, 대괄호, 괄호 깊이를 추적하는 들여쓰기 기반 재흐름 알고리즘을 사용합니다.

사용 방법

  1. 입력 영역에 TypeScript 코드를 붙여넣거나 샘플을 클릭하세요.
  2. 들여쓰기 크기를 선택하세요: 2 스페이스 또는 4 스페이스.
  3. 포맷 버튼을 클릭하여 포맷팅을 적용하세요.
  4. 복사 버튼을 클릭하여 포맷된 출력을 클립보드에 복사하세요.

활용 사례

개발자가 빌드 출력이나 답변에서 최소화된 TypeScript를 읽기 위해 사용합니다. 코드 리뷰어가 채팅이나 문서에서 공유하기 전에 스니펫을 포맷합니다. IDE 없이 작업하는 개발자에게 유용합니다.

자주 묻는 질문

  • 제네릭을 올바르게 포맷하나요?기본 제네릭은 처리됩니다. 복잡한 체인 제네릭이나 조건부 타입은 완벽하게 포맷되지 않을 수 있습니다.
  • JavaScript도 포맷할 수 있나요?네. TypeScript는 JavaScript의 상위 집합이므로 유효한 JavaScript도 입력으로 사용할 수 있습니다.
  • Prettier와 같은가요?아닙니다. Prettier는 전체 AST 기반 포맷팅을 수행합니다. 이 도구는 들여쓰기 기반 재흐름으로 더 빠르지만 덜 정확합니다.