mixin use

extends

Sass에 대해서 알아보자!(p.s. 셋팅/컴파일/포맷/경로설정)

scss?

sass 와 scss 의 차이

사실 SCSS = Sass라고 봐도 무관합니다. 신경 쓸 차이점은 '문법이 살짝 다르다'는 정도에요.

보면 Sass는 좀 더 깔끔하고, SCSS는 기존의 CSS 작성 방식과 유사하죠.

Sass 3 버전에서 좀 더 CSS에 호환될 수 있도록 도입된 것이 SCSS 문법입니다. 그래서 SCSS를 쓰면 CSS를 쓰던 방식과 유사하게 Sass의 기능을 사용할 수 있습니다.

따라서 이 글에서 말하는 Sass는 'SCSS 구문을 사용하는 것'을 말하며, 파일의 확장자도 .sass가 아닌 .scss 를 사용합니다.

2-1. VS의 Extension인 Live Sass Compiler 사용

3. 파일 분리, nesting