본문으로 건너뛰기

TypeScript 포매터

이 TypeScript 포매터로 TypeScript 코드를 정리하세요. 인터페이스, 타입, 열거형, 제네릭, 클래스 또는 함수를 붙여 넣으면 토큰별로 다시 배치합니다. 들여쓰기는 공백 2개를 사용하고, 타입 주석의 콜론 뒤와 연산자 주위에 공백을 넣으며, 블록과 열거형에서는 멤버마다 한 줄씩 표시하고, 문장 끝에 세미콜론을 붙입니다. 공유하거나 검토하기 전에 코드 조각, 생성된 코드 또는 붙여 넣은 예제를 정리하려는 개발자에게 적합합니다.

초기화

자주 묻는 질문

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

중괄호, 세미콜론, 연산자, 문자열, 주석 같은 토큰의 흐름으로 코드를 읽고 이를 바탕으로 레이아웃을 다시 구성합니다. 중괄호는 들여쓴 블록을 열고, 세미콜론은 줄을 끝내며, 연산자에는 일관된 간격을 적용합니다.

TypeScript의 오류를 검사하나요?

아니요. 타입 검사나 구문 검증을 하지 않으므로 완성되지 않은 코드 조각도 포맷합니다. 코드가 컴파일되는지 확인하려면 tsc를 실행하거나 편집기의 검사를 사용하세요.

인터페이스와 열거형은 어떻게 포맷되나요?

인터페이스와 클래스 본문은 멤버마다 한 줄씩 표시하고 공백 2개로 들여쓰며, 각 멤버 뒤에 세미콜론을 붙입니다. 열거형 멤버도 한 줄에 하나씩 배치하고 마지막 항목을 포함해 각 항목 뒤에 쉼표를 붙입니다.

제네릭은 그대로 유지되나요?

네, Array<T> 또는 Map<string, T> 같은 제네릭의 꺾쇠괄호를 추적해 비교 연산자로 처리되지 않도록 합니다. 괄호 안 쉼표 뒤의 공백은 정규화됩니다.

어떤 들여쓰기를 사용하나요?

블록은 공백 2개로 들여쓰며 변경 옵션은 없습니다. 대입문이나 return 뒤에 오는 짧은 객체 리터럴은 한 줄로 유지됩니다.

주석이 보존되나요?

네. 줄 주석은 해당 줄을 끝내고 코드는 그 아래에서 이어지며, 블록 주석은 원래 위치에 유지됩니다.

문자열과 템플릿 리터럴이 변경되나요?

아니요. 문자열 리터럴, 템플릿 리터럴, 정규 표현식은 작성된 그대로 복사됩니다. 토큰 사이의 공백만 재배치됩니다.

포매팅하면 코드의 동작이 달라지나요?

포매터는 공백만 변경하고 문장 끝에 빠진 세미콜론을 추가합니다. 괄호로 시작하는 줄처럼 특이한 위치에서 자동 세미콜론 삽입에 의존하는 코드라면 결과를 검토하세요.

출력이 typescript 코드 펜스로 감싸져 있는 이유는 무엇인가요?

결과는 typescript로 표시된 Markdown 코드 블록으로 반환되므로 Markdown, 이슈, 채팅에서 구문 강조가 적용됩니다. .ts 파일로 저장하려면 펜스 사이의 줄을 복사하세요.

코드는 최대 어느 정도까지 입력할 수 있나요?

한 번에 최대 5 MB의 코드를 포맷할 수 있으며, 더 큰 입력은 메시지와 함께 거부됩니다. 결과는 Code Formatter의 TypeScript 옵션과 동일합니다.

OneClick Pro 소개

OneClick Pro은 일상 업무에 활용할 수 있는 150개 이상의 웹 도구를 무료로 모아 제공합니다. 이미지와 단위를 변환하고, 코드를 포맷하고 검증하고, 도메인과 SEO를 확인하고, 텍스트와 날짜, 숫자를 다룰 수 있습니다. 모든 도구는 가입이나 구독 없이 사용할 수 있으며, 입력한 내용은 결과를 계산하는 데만 사용되고 저장되지 않습니다. 한 번 쓰는 작업을 위한 빠른 도구 모음으로 활용하거나, 매일 자주 쓰는 도구를 북마크해 두세요.