[SCSS] SCSS 문법 정리

프로젝트 규모가 커지고 복잡해질수록 순수 CSS의 한계를 많이 느끼게 됩니다. 그래서 SCSS나 CSS-in-JS의 도입은 사실상 필수가 되었습니다. 이 글을 통해 CSS의 문제점을 개선한 SCSS에 대해 알아보겠습니다. (티스토리 코드 블록이 SCSS 언어를 제공하지 않아 코드 가독성이 떨어집니다.) Sass (Synthetically Awesome StyleSheets) Sass를 먼저 알아보는 이유는 SCSS가 Sass로부터 등장했기 때문입니다. Sass는 CSS 전처리기로써, 변수, 상속, 혼합, 중첩 등의 다양한 기능을 제공합니다. 다만 전처리기로 작성한 코드는 CSS로 컴파일을 거친 뒤 실행시킬 수 있습니다. CSS 전처리기(preprocessor) : 자신만의 특별한 문법을 통해 CSS를 생..