# SCSS 포맷터

이 SCSS Formatter로 Sass SCSS 스타일시트의 서식을 지정하세요. SCSS를 붙여넣으면 도구가 중첩 규칙, 변수, 믹스인, 인클루드, 부모 선택자 및 제어 지시문을 두 칸 들여쓰기와 선언당 한 줄 형식으로 정리하고, 속성 콜론 뒤에 공백을 넣으며 빠진 세미콜론을 추가합니다. 보간과 주석은 유지되므로 프런트엔드 개발자는 컴파일하지 않고도 부분 파일과 코드 조각을 정리할 수 있습니다.

## 자주 묻는 질문

### SCSS Formatter는 어떻게 작동하나요?

중괄호, 세미콜론, 콜론, 문자열, 주석 등의 토큰으로 스타일시트를 읽고 이를 바탕으로 레이아웃을 다시 구성합니다. 여는 중괄호마다 들여쓴 블록이 시작되고, 각 선언은 별도의 줄에서 끝납니다.

### 중첩을 지원하나요?

예, 중첩 규칙과 &:hover 같은 부모 선택자는 부모보다 한 단계 더 들여쓰며, 단계마다 두 칸을 사용합니다. 선택자의 콜론은 붙어 있으므로 &:hover가 분리되지 않습니다.

### 변수, 믹스인, 인클루드는 어떻게 서식을 지정하나요?

$color: #333; 같은 변수 선언에서는 콜론 뒤에 공백을 넣고, @mixin와 @include의 인수 사이에는 쉼표 뒤에 공백을 넣습니다. @if, @each, @for 같은 제어 지시문은 괄호 앞에 공백을 둡니다.

### 보간을 유지하나요?

예, #{$name} 같은 보간은 작성된 그대로 복사합니다. 여기에는 .icon-#{$name} 같은 선택자 내부의 보간과 속성 이름 내부의 보간도 포함됩니다.

### 도구가 SCSS를 컴파일하거나 검사하나요?

아니요, CSS로 컴파일하거나 구문을 검사하지 않으므로 완성되지 않은 코드 조각도 서식을 지정합니다. 오류를 찾고 CSS를 생성하려면 Sass 컴파일러를 사용하세요.

### 주석이 보존되나요?

예. //로 시작하는 한 줄 주석은 해당 줄에서 끝나며, 블록 주석은 원래 위치에 유지됩니다.

### 들여쓰기 방식의 Sass 구문에서도 작동하나요?

아니요, 중괄호와 세미콜론을 사용하는 SCSS에 맞춰 제작되었습니다. 들여쓰기 방식의 .sass 구문 파일은 들여쓰기를 기준으로 삼을 중괄호가 없으므로 먼저 SCSS로 변환하세요.

### 들여쓰기를 바꿀 수 있나요?

아니요, 출력은 항상 두 칸 들여쓰기를 사용하며 서식 지정 도구에는 옵션이 없습니다. 따라서 같은 스타일시트에는 항상 같은 결과가 나옵니다.

### 결과가 scss 코드 펜스로 감싸져 있는 이유는 무엇인가요?

출력은 scss로 표시된 Markdown 코드 블록으로 반환되어 구문 강조가 적용됩니다. .scss 파일에 사용할 코드는 펜스 사이의 줄을 복사하세요.

### 스타일시트 크기는 얼마나 클 수 있나요?

실행당 최대 5 MB까지 지원하며, 더 큰 입력은 메시지와 함께 거부됩니다. 출력은 Code Formatter의 SCSS 옵션과 동일합니다.

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)