CSS

Sass 기초 가이드

기존에 웹 개발을 할 때는 주로 styled component를 이용해서 CSS를 처리했는데 새롭게 맡게된 poc 업무에서 Sass를 사용하게 되어서 Sass의 기초적인 사항들을 정리해보고자 한다. 1. 문법(syntax) sass의 문법은 SCSS 문법과 들여쓰기 문법 두 가지로 사용할 수 있다. SCSS 문법(.scss)은 CSS의 상위 집합으로 모든 CSS는 SCSS로 사용할 수 있다. 들여쓰기 문법(.sass)는 중괄호{} 대신에 들여쓰기를 사용하여 구문을 중첩하고, 세미콜론; 대신 개행(줄바꿈)으로 각 속성을 구분한다. SCSS 문법이 보다 일반적으로 많이 사용된다. // 📁 style.scss body { font: 100% Helvetica; color: #333; } // 📁 style.s..