JavaScript / CSS 포맷팅
JavaScript, CSS 소스 코드를 정리
특징
JS·CSS 모두 지원하는 정리
탭 전환으로 JavaScript와 CSS를 각각 정리
들여쓰기 폭 4종 선택
2칸·4칸·탭·압축을 지원
괄호 스타일 선택 가능
여는 괄호를 같은 줄에 둘지 줄바꿈 후에 둘지 JS에서 지정
Prettier 채택으로 안정적
대표적인 정리 라이브러리로 안정적인 출력 결과
사용 방법
언어 탭 선택
JavaScript나 CSS 탭을 전환해 대상을 지정
코드 붙여넣기
입력란에 정리하려는 소스 코드를 입력
스타일 설정
들여쓰기 폭과 괄호 스타일을 취향에 맞게 선택
정리 실행
정리 버튼을 누르면 결과를 표시하고 복사·저장 가능
활용 사례
코드 리뷰 전 정리
흐트러진 코드를 통일된 양식으로 정돈해 리뷰를 원활화
압축 코드의 가독화
압축된 코드를 펼쳐 내용을 해독
납품 코드의 압축
압축 옵션으로 배포용 파일 크기를 줄임
학습용 샘플 정서
복사한 코드를 읽기 쉽게 정돈해 이해를 도움
기초 지식
코드 정형(포맷팅)이란
코드 정형이란 동작을 바꾸지 않으면서 들여쓰기, 줄바꿈, 괄호의 위치 등 모양을 일정한 규칙으로 맞추는 것입니다. 작성 방식의 차이가 없어지면 여러 명이 개발할 때도 차이점이 읽기 쉬워지고 리뷰의 부담이 줄어듭니다.
Prettier란
Prettier란 JavaScript와 CSS 정형에서 전 세계적으로 널리 사용되는 포매터로, 세세한 형식 논의를 '도구에 맡기는' 것으로 통일하자는 사상으로 만들어졌습니다.
안전성과 개인정보 보호
브라우저 내 처리
입력 데이터는 사용 중인 브라우저 내에서만 처리되며 외부로 전송되지 않습니다.
브라우저 내에서만 처리
코드 정리는 모두 사용 중인 브라우저 내에서 처리되며, 입력 데이터는 서버로 전송되지 않습니다.
통신은 HTTPS로 암호화
페이지 로드도 TLS로 암호화되어 제3자가 내용을 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
결과 자동 저장 없음
정리 결과나 입력 제안을 서버에 저장하지 않습니다.
Google 검색에서 RAKKOTOOLS 팔로우하기
175개의 편리한 도구를 Google 검색·AI 검색에서 더 쉽게 찾을 수 있습니다!
- 검색에서 발견
- AI 검색에서도 표시
- 새 도구도 발견
업데이트 정보
- update #216
일부 도구에서 일본어 이외의 페이지에 일본어 문언이 표시되는 문제 수정