- SASS와 SCSS는 CSS를 편리하게 사용할 수 있도록 하며 추가 기능 또한 있는 확장판 스크립트 언어 입니다.
사용하는 이유 : css가 그렇게 복잡한 언어는 아니지만 프로젝트의 크기가 커지고 고도화될수록 유지보수에 큰 어려움이 생기게 됩니다. 예를 들어 기존의 CSS는 불필요한 선택자(Selector), 연산 기능 한계, 구문(Statement)의 부재의 문제점이 있고 SASS와 SCSS는 이러한 이슈를 해소시켜줄 수 있습니다.
- SASS / SCSS 의 작동원리
SASS, SCSS를 CSS pre-processor(전처리기)라고도 하는데 스크립팅 언어이기 때문에 SASS, SCSS로 작성된 파일들은 곧바로 웹에 적용될 수는 없습니다. 웹은 기본적으로 CSS파일로 동작하므로 별도의 컴파일 과정을 거친 다음 CSS파일로 변환하여 사용하게 된다고 합니다.
사용예)
1. SCSS
2. SASS
처음에는 SASS / SCSS 가 무엇인지 몰르고 막상 어려운것인줄 알았는데
SASS / SCSS 를 조사해보며 CSS와 차이점도 같이 알아보고 결과적으로 SASS / SCSS가 어떻게 쓰는지 알게되고 어려운것이 아니라고 이해할수 있었습니다.
참고)
https://cocobi.tistory.com/118
[CSS] CSS 전처리기 SCSS, SASS의 차이점
🤔 SCSS, SASS ?? "CSS의 복잡함과 불편한 재사용성을 높혀주고, 가독성과 유지보수의 편의성을 제공해주는 것" 📌 CSS의 단점과 SCSS(SASS)의 장점 CSS의 단점 선택자 생성 시 불필요한 부모요소 선택자
cocobi.tistory.com