이 페이지에서 코드를 어떻게 포맷하나요?
왼쪽 편집기에 코드를 붙여넣거나 파일을 불러온 뒤 필요한 옵션을 선택하고 포맷을 누르세요. 오른쪽에서 결과를 확인한 다음 복사하거나 저장할 수 있습니다.
SCSS 포맷터는 일관된 들여쓰기, 간격, 줄 바꿈, 선언 및 중첩 규칙 배치로 SCSS 스타일시트를 정리합니다. SCSS 변수, 중첩, 믹스인, 함수, 자리표시자, 보간, 주석, 제어 지시문을 지원합니다.
변수, 중첩, 믹스인, 보간, 계산식 및 사용자 정의 속성을 포함한 SCSS 고유 문법으로 처리합니다. 잘못된 입력은 출력 편집기에 표시되어 바로 수정할 수 있습니다.
탭 또는 공백, 원하는 줄 너비, 작은따옴표 또는 큰따옴표를 선택하세요. 처리는 브라우저에서 실행되며 SCSS 소스는 서버에 업로드되지 않습니다. 입력이 컴파일된 CSS이고 CSS 압축도 필요하다면 CSS 포맷터 를 사용하세요.
왼쪽 편집기에 코드를 붙여넣거나 파일을 불러온 뒤 필요한 옵션을 선택하고 포맷을 누르세요. 오른쪽에서 결과를 확인한 다음 복사하거나 저장할 수 있습니다.
입력은 선택한 언어나 문법과 일치해야 합니다. 완성되지 않은 문장, 짝이 맞지 않는 괄호나 따옴표, 입력과 다른 방언 또는 모드를 확인한 뒤 다시 실행하세요.
코드 포매터는 언어에 맞는 토큰과 중첩 구조를 인식한 뒤 일관된 규칙에 따라 들여쓰기, 공백, 줄바꿈을 다시 배치합니다. 프로그램을 컴파일하거나 실행하지 않으므로 정확성이나 보안 검사를 대신하지 않습니다.
2칸과 80 또는 100열로 시작하고 따옴표 스타일은 주변 스타일시트와 맞추세요. SCSS 변수, 중첩, Mixin, 함수, 보간, 주석에 대해 탭 또는 공백, 줄 너비, 작은따옴표 또는 큰따옴표를 선택할 수 있습니다.