순수 CSS로 스타일링을 하다 보면 끝없이 반복되는 컬러 코드와, 꼬리에 꼬리를 물고 길어지는 선택자(Selector) 때문에 눈이 핑핑 돈 경험 다들 한 번쯤 있으시죠? 오늘은 이런 'CSS 노가다'에서 벗어나 개발의 질을 확 높여주는 SCSS의 핵심 기초, 변수(Variables)와 중첩(Nesting)에 대해 이야기해 보려고 해요.이 두 가지만 당장 실무 코드에 적용하셔도 유지보수 시간이 절반으로 줄어드는 걸 경험하실 수 있을 겁니다!1. SCSS, 왜 써야 할까요?기본적으로 브라우저는 CSS만 읽을 수 있습니다.그럼에도 우리가 SCSS(Sass)를 사용하는 이유는, CSS를 마치 프로그래밍 언어처럼 다룰 수 있게 해주기 때문이에요. 중복되는 코드를 변수로 빼고, 함수를 만들고, 조건문을 써서 스타..