도구 설명

도구 소개

온라인 SCSS→CSS 변환 도구. 브라우저에서 SCSS 코드를 CSS 코드로 변환할 수 있습니다. SourceMap 생성 및 CSS 압축을 지원합니다.

로컬에 SCSS 처리 환경을 구축하지 않고도 SCSS 코드를 쉽게 컴파일 및 변환할 수 있습니다.

이 도구는 단일 파일 SCSS 변환만 지원합니다. 여러 파일의 임포트는 지원하지 않습니다.

1. 지원하는 SCSS 구문은?

거의 모든 SCSS 구문을 지원합니다. 변수($var), 중첩 규칙, 믹스인(@mixin), 상속(@extend), 함수(@function), 연산, 조건문(@if/@else), 반복문(@for/@each/@while), 내장 함수 등.

2. Source Map이란?

Source Map은 컴파일된 CSS 코드와 원본 SCSS 코드 위치의 대응 관계를 기록한 파일입니다. 브라우저 개발자 도구에서 CSS를 디버깅할 때 원본 SCSS 소스 코드 위치를 찾는 데 도움이 됩니다.

3. 확장 형식과 압축 형식의 차이는?

확장 형식은 들여쓰기와 줄 바꿈을 유지하여 가독성을 중시합니다. 압축 형식은 불필요한 공백을 제거하여 파일 크기를 줄입니다. 프로덕션 환경에 적합합니다.