JavaScript·CSS 정렬기 (JS·CSS 포맷터)
언어를 고르고 코드를 붙여 넣은 뒤 「코드 정렬하기」를 누르세요.
입력한 글과 파일은 서버로 보내지 않고 이 브라우저 안에서만 처리해요.
사용 방법
- 「언어」에서 JavaScript·TypeScript·CSS·SCSS·LESS·JSON 중 하나를 고르세요.
- 코드를 붙여 넣고 「코드 정렬하기」를 누르면 들여쓰기와 줄바꿈이 정리돼요. 한 줄로 압축된 코드도 읽기 좋게 풀려요.
- 「세미콜론」과 「작은따옴표」로 팀 코드 규칙에 맞출 수 있어요. 세미콜론 옵션은 JavaScript·TypeScript 에만 쓰여요.
- 문법이 틀리면 결과 칸에 문제 줄이 ^ 표시와 함께 나오고, 아래에 몇 행 몇 열인지 알려 줘요.
자주 묻는 질문
어떤 규칙으로 정리하나요?
오픈소스 코드 정리 도구 Prettier(MIT 라이선스)를 브라우저에서 돌려요. 편집기의 Prettier 와 같은 규칙이라 결과도 거의 같아요. 언어를 처음 고르면 해당 정리 도구를 내려받느라 조금 걸릴 수 있어요.
반대로 코드를 압축할 수도 있나요?
이 도구는 읽기 좋게 펼치는 쪽이에요. 용량을 줄이려면 JS·CSS 압축기를 써 주세요.
코드가 서버로 전송되나요?
아니요. 모두 브라우저 안에서 처리하고 어디에도 보내지 않아요.