JavaScript / CSS 포맷팅

JavaScript, CSS 소스 코드를 정리

처리 중...

특징

JS·CSS 모두 지원하는 정리

탭 전환으로 JavaScript와 CSS를 각각 정리

들여쓰기 폭 4종 선택

2칸·4칸·탭·압축을 지원

괄호 스타일 선택 가능

여는 괄호를 같은 줄에 둘지 줄바꿈 후에 둘지 JS에서 지정

Prettier 채택으로 안정적

대표적인 정리 라이브러리로 안정적인 출력 결과

사용 방법

1

언어 탭 선택

JavaScript나 CSS 탭을 전환해 대상을 지정

2

코드 붙여넣기

입력란에 정리하려는 소스 코드를 입력

3

스타일 설정

들여쓰기 폭과 괄호 스타일을 취향에 맞게 선택

4

정리 실행

정리 버튼을 누르면 결과를 표시하고 복사·저장 가능

활용 사례

코드 리뷰 전 정리

흐트러진 코드를 통일된 양식으로 정돈해 리뷰를 원활화

압축 코드의 가독화

압축된 코드를 펼쳐 내용을 해독

납품 코드의 압축

압축 옵션으로 배포용 파일 크기를 줄임

학습용 샘플 정서

복사한 코드를 읽기 쉽게 정돈해 이해를 도움

안전성과 개인정보 보호

브라우저 내 처리

입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.

브라우저 내에서만 처리

코드 정리는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.

통신은 HTTPS로 암호화

페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.

제3자로의 전송 없음

광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.

결과 자동 저장 없음

정리 결과나 입력 제안을 서버에 저장하지 않습니다.