TypeScript 포맷터

TypeScript 포맷터는 TypeScript와 TSX를 일관된 들여쓰기, 간격, 줄 바꿈, 세미콜론, 따옴표, 후행 쉼표로 정리합니다. 인터페이스, 타입 별칭, 제네릭, 열거형, 데코레이터, 최신 JavaScript 문법과 React 컴포넌트를 지원합니다.

표준 TypeScript 파서 또는 Babel TypeScript 파서를 선택하고, 탭이나 일정한 수의 공백을 지정한 다음 원하는 줄 너비를 설정하세요. 구문 오류는 포맷된 출력에 섞이지 않고 별도로 표시됩니다.

포맷은 브라우저에서 실행되므로 소스 코드는 서버에 업로드되지 않습니다. Ctrl+Enter 또는 Command+Enter로 포맷한 뒤 결과를 복사하거나 저장하세요.

코드 포매터 자주 묻는 질문

이 페이지에서 코드를 어떻게 포맷하나요?

왼쪽 편집기에 코드를 붙여넣거나 파일을 불러온 뒤 필요한 옵션을 선택하고 포맷을 누르세요. 오른쪽에서 결과를 확인한 다음 복사하거나 저장할 수 있습니다.

포매터에서 오류가 발생하는 이유는 무엇인가요?

입력은 선택한 언어나 문법과 일치해야 합니다. 완성되지 않은 문장, 짝이 맞지 않는 괄호나 따옴표, 입력과 다른 방언 또는 모드를 확인한 뒤 다시 실행하세요.

코드 포매터는 어떻게 작동하나요?

코드 포매터는 언어에 맞는 토큰과 중첩 구조를 인식한 뒤 일관된 규칙에 따라 들여쓰기, 공백, 줄바꿈을 다시 배치합니다. 프로그램을 컴파일하거나 실행하지 않으므로 정확성이나 보안 검사를 대신하지 않습니다.

이 언어에는 어떤 설정을 권장하나요?

TypeScript 모드, 2칸, 80 또는 100열로 시작하고 세미콜론, 따옴표, 후행 쉼표는 저장소와 일치시키세요. TypeScript 또는 Babel TypeScript 모드, 들여쓰기, 줄 너비, 후행 쉼표, 세미콜론, 따옴표 스타일을 TypeScript 또는 TSX에 맞게 설정할 수 있습니다.