Utilz
JavaScript 포맷터
Prettier 기반 JavaScript 코드 포맷팅
이 도구를 사용하는 이유
- 업계 표준 코드 포맷터인 Prettier를 사용합니다.
- 따옴표, 세미콜론, 들여쓰기에 대한 포맷팅 옵션을 설정할 수 있습니다.
- Prettier 독립 실행 모듈로 브라우저에서 모든 처리가 이루어집니다.
사용 방법
- JavaScript 코드를 입력 영역에 붙여넣으세요
- 옵션 설정: 작은따옴표, 세미콜론, 탭 너비
- 포맷 버튼을 클릭하여 코드를 정리하세요
- 오른쪽 패널에서 포맷팅된 결과를 복사하세요
FAQ
어떤 포맷터를 사용하나요?
Babel 파서가 포함된 Prettier 독립 실행 모듈을 사용합니다. IDE와 CI 파이프라인에서 수백만 개발자가 사용하는 것과 동일한 포맷터입니다.
TypeScript를 지원하나요?
현재 JavaScript(ES6+)와 JSX를 포맷팅합니다. TypeScript 포맷팅은 추후 추가될 수 있습니다.
포맷팅에 시간이 걸리는 이유는?
Prettier는 초기 페이지 로드를 빠르게 하기 위해 필요할 때 로드됩니다. 첫 번째 포맷팅 시 포맷터를 다운로드하는 데 잠시 시간이 걸릴 수 있습니다.
코드가 서버로 전송되나요?
아니요. Prettier가 브라우저에서 완전히 실행됩니다. 코드가 기기를 떠나지 않습니다.