CSS는 디자인 요소를 추가할 때 사용되는 사전 처리 프로세스입니다. B. HTML 태그에 효과를 장식하거나 추가합니다. 하지만 프로젝트의 규모가 커지거나 작업이 진행될수록 CSS는 필연적으로 유지보수에 어려움을 주는 요소가 됩니다.
CSS의 고유한 한계를 보완하기 위해 Sass는 유용한 도구를 제공합니다.
< Gründe für die Verwendung von SCSS (SASS) >
1. 셀렉터를 생성하는 입장에서는 매번 부모 요소에 대해 불필요한 셀렉터를 작성해야 합니다.
2. 대규모 프로젝트에서도 End-to-End 자동화가 어렵고 모든 것을 수동으로 조정하고 변경해야 합니다.
혜택
하나. 선택기 중첩통해 반복적으로 상위 요소의 사용을 줄일 수 있습니다..
2. 변하기 쉬운CSS 속성 및 값 사용 통합 관리가능하다
삼. 조건문, 반복문\를 사용한 동적 CSS 관리
4. SCSS(사스) CSS에서 컴파일의 오버헤드그러나 거의 유일한 단점인 컴파일 문제를 해결할 수 있습니다.
* 컴파일이란?
– .CSS : 브라우저가 이해할 수 있는 파일
– .SCSS : 브라우저가 이해할 수 없는 파일.
– .scss 파일을 브라우저에서 읽을 수 있는 파일로 변환하는 작업입니다.수단
< Unterschied zwischen SCSS und SASS >
: SCSS(Sassy Cascading Style Sheets: Very Nice CSS)
– 둘 다 똑같습니다.
– 첫 번째 SASS가 먼저 등장한 후 SCSS가 등장했습니다. 둘은 완벽하게 호환됩니다.
– 유일한 차이점: 문법이 다르다
===> {}(중괄호) 및 ; 사용 (세미콜론)그냥 다른
– .SCSS는 CSS와 유사한 대괄호와 세미콜론을 사용하기 때문에 사람이 읽을 수 없는 .SASS는 이해하기 쉽습니다.
– 파일 확장자 .SCSS
===> SASS라고 하지만 SCSS와 관련이 있습니다.
SASS는 전처리기입니다.
Sass는 CSS 전처리기로도 알려져 있습니다.
CSS를 생성하기 전에 먼저 처리하기 때문입니다.