코드 포맷터
코드를 붙여넣거나 파일을 열고 포맷 버튼만 누르세요. 언어는 자동으로 감지됩니다. JavaScript, TypeScript, CSS, HTML, JSON, XML, SQL, YAML, Markdown, GraphQL을 모두 브라우저에서 처리해요.
모든 작업이 브라우저 안에서 이루어지며, 코드는 어떤 서버로도 업로드되지 않아요.
줄 너비는 JavaScript, TypeScript, CSS, SCSS, LESS, HTML, YAML, Markdown, GraphQL에 적용돼요. 포맷은 로직, 타입, 스타일 규칙을 검사하지 않아요.
코드를 입력하면 언어를 바로 감지해요.
코드 파일(최대 5MB)을 여기에 끌어다 놓거나, 붙여넣거나, 샘플을 불러오세요. Ctrl+Enter로 포맷할 수 있어요.
브라우저에서 코드를 포맷하고 보기 좋게 정리하기
압축된 번들, 로그, 채팅 메시지, 오래된 프로젝트에서 복사한 코드는 읽기도 어렵고 리뷰하기는 더 어렵죠. 이 코드 포맷터는 클릭 한 번으로 들여쓰기가 고른 깔끔한 텍스트로 되돌려 줍니다. 코드를 붙여넣고 포맷(또는 Ctrl+Enter)을 누르면 원본 옆에 결과가 나타나고, 양쪽 모두 줄 번호가 있어서 한눈에 비교할 수 있어요.
개발자가 가장 자주 접하는 형식을 폭넓게 지원합니다. JSX를 포함한 JavaScript, TSX를 포함한 TypeScript, CSS·SCSS·LESS, 인라인 스크립트와 스타일이 있는 HTML, JSON, XML, 13가지 방언의 SQL, YAML, Markdown, GraphQL까지요. 언어는 기본적으로 자동 감지되며, 파일을 열면 파일 이름으로, 붙여넣으면 텍스트 내용으로 판단해요. 텍스트가 여러 언어로 보일 때는 조용히 엉뚱한 파서를 고르는 대신 그 사실을 알려 주고 유력한 후보를 제시합니다.
스타일은 직접 정할 수 있어요. 들여쓰기는 공백 2칸, 4칸, 탭 중에서 고르고, Prettier로 포맷하는 언어는 줄 너비를 80, 100, 120자 중에서 고를 수 있습니다. SQL은 PostgreSQL, MySQL, SQL Server, BigQuery 같은 방언을 지정할 수 있고요. JSON에는 JSON 압축 버튼도 있어서 숫자, 문자열, 키 순서는 건드리지 않고 공백만 모두 제거해요. 설정은 브라우저에 기억되며, 입력하면서 결과를 바로 보고 싶다면 자동 포맷을 켜 두세요.
문제가 생기면 메시지는 짧고 정확합니다. 언어, 파서가 기대한 것, 그리고 줄과 열을 알려 줘요. 입력은 절대 덮어써지지 않고, 버튼 하나로 커서가 문제 위치로 이동합니다. 실수로 지우거나 바꾼 내용은 실행 취소로 되돌릴 수 있어요. 결과는 언어에 맞는 확장자로 다운로드할 수 있고, 텍스트 비교에서 두 버전을 나란히 열어 무엇이 바뀌었는지 정확히 확인할 수도 있습니다.
모든 작업은 사용자의 기기에서 이루어져요. 무거운 포맷 엔진은 실제로 포맷하는 언어 것만 내려받고 백그라운드 워커에서 실행되므로, 큰 파일도 페이지를 멈추게 하지 않습니다. 한계도 알아 두세요. 열 수 있는 파일은 최대 5MB이고, 30만 자를 넘는 입력은 몇 초 걸릴 수 있으며, 200만 자를 넘는 입력은 거부돼요. 포맷은 린터나 컴파일러가 아니라서 로직 오류는 찾지 못하고, 아주 특이한 문법은 받아들여지지 않을 수 있어요.
자주 묻는 질문
코드가 어딘가에 업로드되나요?
아니요. 코드는 브라우저 안에서, 그것도 백그라운드 스레드에서 실행되는 라이브러리가 포맷해요. 서버로는 아무것도 전송되지 않습니다. 이 브라우저의 로컬 저장소에는 설정과 선택적으로 임시 저장한 초안만 남고, 입력창은 언제든 비울 수 있어요.
포맷하면 코드의 동작이 바뀌나요?
바뀌는 것은 겉모양뿐이에요. 들여쓰기, 줄바꿈, 공백이 정리됩니다. 따옴표를 통일하거나, 생략 가능한 괄호를 넣거나 빼거나, 세미콜론을 일관되게 맞추기도 하지만 의미는 그대로예요. 로직, 타입, 린트 규칙은 검사하지 않으므로 올바른 코드는 올바른 채로, 잘못된 코드는 잘못된 채로 나옵니다.
언어는 어떻게 감지하나요?
파일을 열면 확장자로 결정해요. 그 외에는 태그, 중괄호, 키워드, 특징적인 기호 같은 텍스트 자체를 살펴봅니다. CSS와 SCSS, JavaScript와 TypeScript처럼 비슷한 언어는 추측하지 않고 직접 선택하도록 물어봐요. 언어 목록에서 언제든 직접 고를 수도 있습니다.
코드에 문법 오류가 있으면 어떻게 되나요?
출력은 비어 있고 입력은 그대로 유지되며, 줄과 열을 알려 주는 짧은 메시지가 표시돼요. 입력창에서 보기 버튼으로 해당 위치로 이동해 고친 뒤 다시 포맷을 누르세요.
여기서 코드를 압축(minify)할 수 있나요?
JSON만 가능해요. 공백을 없애도 항상 안전하기 때문이에요. JavaScript나 CSS를 제대로 압축하려면 전용 압축 도구가 필요해요. 변수 이름을 바꾸거나 규칙을 합치면 동작이 달라질 수 있어서 이 도구에서는 시도하지 않아요. SQL 문법을 더 깊이 검사하려면 SQL 포맷터 & 검증기를 이용하세요.