SCSS 상속은 스타일 규칙을 다른 스타일 규칙에 적용하는 기능을 제공합니다. 이를 통해 중복되는 스타일 코드를 줄이고 코드의 재사용성을 높일 수 있습니다. 기본 개념 SCSS의 상속은 @extend 지시자를 사용하여 수행됩니다. 기존에 정의한 스타일을 다른 스타일에 상속하고자 할 때 @extend를 사용하며, 선택자를 통해 어떤 스타일을 상속할지 지정합니다. // 기존 스타일 정의 .button { padding: 10px 20px; background-color: #007bff; color: #fff; } // .button 스타일을 상속하는 .primary-button 정의 .primary-button { @extend .button; border: 2px solid #007bff; } 위의 예제에..

SCSS(Scalable and Modular Stylesheets)는 CSS를 확장한 스타일 시트 언어로, 더욱 간결하고 모듈화된 스타일 코드를 작성할 수 있도록 도와줍니다. SCSS는 CSS의 모든 기능을 포함하며, 변수, 중첩(Nesting), 믹스인(Mixin), 상속(Extend) 등의 추가 기능을 제공합니다. 이 글에서는 SCSS의 소개와 기본 문법에 대해 알아보겠습니다. SCSS 소개 SCSS는 CSS의 한계를 극복하고 유지보수가 용이한 스타일 코드를 작성하기 위해 개발된 스타일 시트 언어입니다. SCSS는 Sass(Syntactically Awesome Style Sheets)의 한 종류로, CSS와 거의 동일한 문법을 가지고 있습니다. 따라서 CSS 기반의 프로젝트에서 쉽게 도입할 수 있..