CSS SCSS SASS

CSS / SCSS / SASS 차이가 뭐에요?

CSS가 작업이 크고 고도화 될수록 불편함이 생긴다.
SCSS와 Sass는 불필요한 선택자의 과용과 연산 기능의 한계, 구문의 부재 등 css작업을 쉽게 해주고 가독성, 재사용성을 높여준다.(확장판 같은) CSS 전처리기라 불림

SASS(SCSS)를 사용하면 더 간략한 표기법으로 CSS 구조화 가능, 협업시 발생가능한 멤버간 코드 작성 방식 평준화 가능
CSS 없는 기능을 통해 유지보수 편의 향상.

추가 기능

• 변수의 사용 ( '$' )
• 조건문과 반복문
• import
• nesting
• mixin
• extend/inheritance

SCSS는 Sassy CSS (멋진 CSS)
보통 scss가 너 범용성이 넓고 css의 호환성 등으로 권장됨

SASS는 Syntactically Awesome Style Sheets (짱 멋진 스타일 시트)

SCSS는 SASS 세번째 버전에서 추가됨. SASS모든 기능 지원 & CSS 구문과 완전 호환

글의 출처
[글의 출처](글의 출처)