SCSS를 CSS로 변환
SCSS 코드를 표준 CSS로 컴파일합니다. 중첩과 변수 확장을 실시간으로 확인할 수 있습니다.
SCSS 입력
CSS 출력
이 도구 공유
📖
사용 방법
Step 1
SCSS 입력
변환할 SCSS 코드를 입력하거나 붙여넣습니다
→
Step 2
출력 스타일 선택
확장, 압축 등 출력 스타일을 선택합니다
→
Step 3
CSS 받기
변환된 CSS를 복사하거나 다운로드합니다
✨
기능
실시간 변환
SCSS를 입력하는 동시에 실시간으로 CSS로 변환
출력 스타일 선택
확장, 중첩, 컴팩트, 압축 4가지 스타일
오류 표시
SCSS 구문 오류를 명확하게 하이라이트
❓
FAQ
SCSS는 CSS에 변수, 중첩, 믹스인, 상속 기능을 추가한 것입니다. 브라우저에서 사용하려면 CSS로 컴파일해야 합니다.
🔗관련 도구
🔐
개발자 도구비밀번호 생성기
강력한 랜덤 비밀번호를 즉시 생성합니다. 길이와 문자 유형을 자유롭게 설정할 수 있습니다.
📋
개발자 도구JSON 포맷터 & 검증기
JSON 데이터를 읽기 쉽게 포맷하고 검증합니다. 들여쓰기 조정 및 한 줄 압축(미니파이)을 지원합니다.
🆔
개발자 도구UUID/GUID 생성기
원클릭으로 UUID v4를 생성합니다. 대문자 및 하이픈 옵션으로 최대 100개까지 일괄 생성 가능합니다.
🔗
개발자 도구URL 슬러그 생성기
텍스트에서 SEO 친화적인 URL 슬러그를 생성합니다. 특수 문자를 자동으로 제거하고 음역을 처리합니다.
🕐
개발자 도구Unix 타임스탬프 변환기
Unix 타임스탬프와 사람이 읽을 수 있는 날짜를 상호 변환합니다. 현재 타임스탬프도 즉시 확인할 수 있습니다.
📷
개발자 도구QR 코드 스캐너
업로드한 이미지에서 QR 코드를 읽고 디코딩합니다. URL은 클릭 가능한 링크로 표시되며, 텍스트는 원클릭으로 복사할 수 있습니다.