Sass(SCSS) 시작하기
·
Frontend/Styling
🤔 Sass(SCSS)란?"Sass"는 문서의 구조를 깔끔하고 효율적으로 코드를 작성할 수 있게 해주는 CSS 상위에 있는 메타언어입니다.🔎 Sass / SCSS 차이Sass와 SCSS의 핵심은 같지만 가장 큰 차이점은 {}(중괄호)와 ;(세미콜론)를 쓰고 안 쓰고 차이입니다.이 글에서는 SCSS로 작성될 예정입니다.// Sass#wrap color: red // SCSS#wrap { color: red;} 📝 설치하기SCSS를 설치하는 방법으로는 2가지가 있습니다.SCSS 컴파일 형식nested : 뎁스별로 구분해서 컴파일compact : 요소에 스타일이 속성을 한 줄씩 정렬해서 컴파일expanded : 요소에 모든 스타일을 한 줄에 컴파일compressed : 모든 요소를 공백 없이 컴파일..