웹 개발자는 하나 또는 두 개의 전 처리기에 익숙해야합니다.
콜라 또는 펩시, 맥 또는 PC, 마블 또는 DC? 모든 지역 사회에서 더 나은 토론이 있습니다. 웹 디자이너 나 개발자에게있어 Sass 또는 Less라는 논쟁이 있습니다.
Sass는 무엇이고 LESS는 무엇입니까?
구문 적으로 Awesome Stylesheets (Sass)와 Leaner CSS (LESS)는 모두 CSS 전처리 기입니다. 특수 스타일 시트 확장으로보다 쉽고 효율적으로 설계 할 수 있습니다. Sass와 LESS는 모두 CSS 스타일 시트로 컴파일하여 브라우저가 읽을 수 있도록합니다. 이는 최신 브라우저가 .sass 또는 .less 파일 유형을 읽을 수 없기 때문에 필요한 단계입니다.
웹 개발 세계에 뛰어들 계획이라면 두 가지 전처리 기 중 하나 또는 둘 다에 능숙 해지는 것이 좋습니다 .
그것이 내려지면 둘 다 비슷합니다. CSS 작성을보다 간단하고 객체 지향적이며 즐거운 경험으로 만듭니다. 그럼에도 불구하고 몇 가지 중요한 차이점이 있습니다. 여기에 다섯 가지가 나와 있습니다.
01 Sass는 Ruby에 있습니다. JavaScript에 LESS가 있습니다.
LESS는 Sass와 같은 Ruby에서 생성되었지만 JavaScript로 포팅되었습니다. LESS를 사용하려면 해당 JavaScript 파일을 서버에 업로드하거나 오프라인 컴파일러를 통해 CSS 시트를 컴파일하십시오.
02 변수를 지정하려면 Sass Use $; 덜 사용함 @
Sass와 LESS는 특수 문자를 사용하여 변수를 지정합니다. 이렇게하면 사양을 계속 입력 할 필요가 없습니다. 당신은 문자를 입력 할 수 있습니다.
Sass에서는 달러 기호 ($)입니다. 그다지 적은 기호 (@)입니다. LESS의 유일한 단점은 이미 @를 사용하는 몇 가지 기존 CSS 선택기가 있으므로 학습 곡선을 약간 강화할 수 있다는 것입니다.
03 Sass에는 나침반이 있고 LESS에는 사전 부팅이 있습니다.
Sass와 LESS는 mixins (사이트 전체에 CSS 선언을 저장하고 공유하는 기능)를 통합하는 데 사용할 수있는 확장 기능을 제공합니다.
Sass에는 나중에 지원할 수있는 모든 옵션이 포함 된 mixins에 사용할 수있는 Compass가 있습니다.
LESS에는 Prebootless, LESS Mixins, LESS Elements, gs 및 Frameless가 있습니다. LESS의 소프트웨어 지원은 Sass보다 더 세분화되어있어 동일한 기능을 수행하지 못할 수있는 확장 프로그램에 대한 다양한 옵션을 제공합니다. 프로젝트의 경우 Compass와 비슷한 성능을 얻으려면 나열된 모든 확장이 필요할 수 있습니다.
04 LESS가 Sass보다 더 나은 오류 메시지 있음
Sass와 LESS는 모두 구문 오류를보고 할 수 있는지 테스트되었습니다. LESS는 오류가 정확한 위치를보고한다는 점에서 테스트에서보다 정확한 오류 메시지를 갖습니다.
이런 식으로 오타가 땀을 흘릴 수 있습니다.
05 LESS는 Sass보다 사용자 친화적 인 문서를 보유하고 있습니다.
덜 익숙한 문서는 시각적으로 매력적이며 처음 사용하는 사람에게는 쉽게 따라 할 수 있습니다. Sass 문서에는 지식 기반 또는 위키 설정이 훨씬 더 많습니다.
Sass 또는 LESS의 채택 비율에 중요 할 수있는 사실은 웹 사이트 디자인에 사용하기 위해 고안된 플랫폼이므로 중요합니다.