코드 포매터

현재 언어: JavaScript
입력 코드
포맷 결과
포맷된 코드가 여기에 표시됩니다.

코드 포매터 소개

Prettier 코드 포맷팅을 위한 로컬 브라우저 작업대

온라인 코드 포매터는 커밋, 공유, 다른 도구에 붙여넣기 전에 소스 코드 스타일을 정리합니다. 브라우저에서 Prettier를 실행해 웹, 설정, 문서, 데이터 언어를 처리하고, 자동 감지와 수동 선택, 들여쓰기와 따옴표 등 선호 설정 저장을 지원하며 코드를 업로드하지 않습니다.


기능

  • 일반적인 코드 언어 자동 감지 및 수동 변경
  • 브라우저에서 Prettier standalone 로컬 실행
  • 입력과 출력 나란히 보기
  • 들여쓰기, 세미콜론, 따옴표, 후행 쉼표, 줄 너비 지원
  • 선호 설정 저장과 기본값 복원

사용 방법

  1. 1코드를 붙여넣거나 로컬 파일 업로드
  2. 2감지된 언어를 확인하고 필요하면 변경
  3. 3일반 또는 고급 옵션 조정
  4. 4포맷하고 출력 패널 확인
  5. 5복사, 다운로드 또는 결과로 입력 교체

FAQ

코드가 서버로 업로드되나요?
아니요. 포맷은 브라우저에서 로컬로 실행됩니다.
지원 언어는 무엇인가요?
JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, Markdown, MDX, YAML, GraphQL, Vue 등 브라우저 호환 Prettier 언어를 지원합니다.
자동 감지는 어떻게 동작하나요?
먼저 파일 확장자를 확인하고 코드 내용의 특징으로 추정합니다.
설정이 저장되나요?
예. 언어 모드, 선택 언어, 옵션이 localStorage에 저장됩니다.
기본값 복원이 코드를 지우나요?
아니요. 언어 모드와 포맷 옵션만 초기화합니다.

관련 도구

XML 포매터Unicode 변환기색상 코드 변환진수 변환기Base64 인코더 디코더URL 인코더 디코더HTML 엔티티 이스케이프Cookie를 JSON으로JSON 유니코드 이스케이프MD5 인코더JWT 디코드 검증 인코드JSON을 Cookie로UUID 생성기 및 파서정규식 테스터HTTP 상태 코드포트 번호ASCII 코드표User-Agent 뷰어내 브라우저 핑거프린트JSON 유니코드 언이스케이프Cron 표현식 생성기 및 파서IP 주소 조회해시 계산기SQL 포맷터