SCSS(Sassy CSS)는 CSS의 확장 문법을 제공하는 스타일시트 언어인 Sass(Syntactically Awesome Style Sheets)의 “.scss” 문법을 가리킵니다. 한마디로, 기존 CSS 문법을 그대로 쓰되 그 위에 변수, 중첩, 믹스인, 함수, 상속 같은 프로그래밍적 기능을 추가해 줍니다. 주요 특징 변수(Variables) 중첩(Nesting) 믹스인(Mixins) & 함수(Functions) 상속(Extend/Inherit) 분할 관리(Partials & Import) SCSS 사용 흐름 Webpack, Gulp, Parcel 같은 빌드 도구나 Next.js,…