Less Compiler

在浏览器本地将 Less 编译为 CSS,编译错误会显示在状态区。

Less 컴파일러란?

Less 컴파일러는 less.js를 이용해 브라우저에서 Less 소스 코드를 표준 CSS로 변환하는 온라인 Less 전처리기입니다. 변수, 중첩, 믹스인, 연산, 함수 등 Less의 핵심 기능을 지원합니다. 컴파일은 서버를 거치지 않아 소스가 업로드되지 않으며, 오류는 상태 영역에 바로 표시됩니다.

주요 기능

  • 변수·중첩·Mixin·연산 등 Less 핵심 문법 지원
  • 브라우저에서 로컬로 컴파일되어 소스가 서버에 전송되지 않음
  • 컴파일 오류의 위치와 내용을 구체적으로 표시
  • 컴파일 결과 원클릭 복사
  • 빠른 시작을 위한 예시 코드 내장

사용 시나리오 / 주의사항

Less 문법 검증, 스타일 변수 디버깅, 빌드 환경 없이 Less를 CSS로 변환할 때 유용합니다. 출력은 컴파일된 정적 CSS이며 브라우저 프리픽스 자동 추가나 압축은 포함되지 않습니다.

사용 방법

  1. 편집 영역에 Less 소스를 입력합니다(예시로 빠르게 채우기 가능)
  2. 컴파일을 클릭해 변환된 CSS를 확인합니다
  3. 복사로 CSS 결과를 저장합니다