Scss

문법만 조금 다름 둘이 별로 차이가 안나며, sass 문법을 사용할 때 확장자를 .scss 로 파일로 만들어서 해도 무관함위의 명령어로 변환할 scss 파일을 css로 변환한다하지만 scss 파일을 변경할 때마다 css 파일로 compile 해야하는데, 너무 귀찮아진다

1. 변수 선언 자주 쓰이거나 의미 있는 속성값들을 원하는 이름으로 변수에 담아서 쓸 수 있다. 자바스크립트 변수처럼 global과 local의 개념이 적용되기 때문에 중괄호 밖에서 선언한 변수는 아무데서나 쓸 수 있고, 중괄호 안에서 선언한 변수는 해당 중괄호 내에

scss에서 이제 @import 지원을 하지 않는데 이유는 아래와 같다pure css도 @import 를 사용하기 때문에 혼란스러울 수 있음같은 파일을 여러 번 import 하면 코드 충돌과 중복 코드로 인해 컴파일 속도가 느려질 수 있다모든 변수와 함수가 전역으로 관

자주 사용하는 패턴이나 재사용을 위한 구문을 @mixin으로 작성하고 @include로 호출하며, @mixin안에 @include사용하는 것도 가능하다@mixin은 함수처럼 인자를 전달해서 사용하는 것도 가능하고, 인자를 복수형태로도 받을 수 있다@mixin에 인자를