피그마 같은 디자인 툴에서는 variants를 만들어서 카테고리화 하여 편리하게 사용하곤 한다. SCSS에서도 변수를 만들어 이와 비슷하게 활용할 수 있다. 변수(Variables) $font-large: 3rem; $font-medium: 1.6rem; $font-default: 1.2rem; $font-small: 0.8rem; 변수 지정은 이런식으로 해줄 수 있다. 그럼 이제, 어떤 식으로 사용하는지 보자. body { font-size: #{$font-large}; } 사용법은 간단하다. #{} 안에 $로 시작하는 변수명을 입력해주면 된다. 일종의 모듈화이며, 전체 페이지에서 반복적으로 사용되는 스타일(title, btn과 같은)에 적용하면 통일감 있고 유지보수에도 편리하게 쓸 수 있을 것 같다...
