📌 SCSS : 변수, 중첩, @mixin 정리!
SCSS(Sassy CSS)의 핵심 기능인 변수, 중첩 규칙, 믹스인을 배웠다.실제 예제를 통해 쉽게 이해할 수 있도록 정리해보았다!1️⃣ SCSS 설치 방법SCSS를 사용하려면 프로젝트에 sass 패키지를 설치해야 한다. Vite 또는 CRA 환경 모두 동일하게 설치하면 된다.npm install sass 설치 후에는 .scss 확장자의 파일을 생성하고 import './파일명.scss' 형태로 JS/JSX에서 불러올 수 있다. 예를 들어, App.jsx 파일에서 다음과 같이 SCSS 파일을 불러올 수 있다.import './App.scss' 2️⃣ SCSS의 변수 사용법▸ 변수 선언 및 사용 방법SCSS 변수는 $ 기호를 앞에 붙여 선언한다. CSS에서는 동일한 값을 반복해서 작성해야 하지만SCSS에..
2025. 4. 15.
최근댓글