Sass를 사용하는 의미 · 장점

Sass의 특징

CSS를 중첩 구조로 생각할 수 있습니다.

변수를 사용하여 일괄 처리를 처리합니다 (수정시 매우 편)

@mixin이라는 함수 (일련의 처리 요약)의 ​​CSS 버전을 만들 수 있습니다.

@mixin에는 인수도 있으며 변수를 대입하여 가능성 ∞

jQuery에서 말하는 메소드적인 것도 존재한다.

환경 : Extensions에서 Live Sass Compiler 추가

Sass는 「파일명.scss」로 그대로 파일로 하면 되지만, 그대로라면 html에 읽을 수 없다.

읽을 수 있도록 하려면 컴파일해야 합니다.

vscode의 경우는 플러그인으로, 「scss」→「css」에 자동으로 컴파일 해 파일을 생성할 수 있다.

따라서 스타일 시트를 작업하기 전에이 프로세스를 수행합니다.

html에 연결하는 것을 전망해서, scss 파일의 이름으로, css로 읽히는 기술을 해 둔다.

※컴파일 : 컴퓨터가 실행 가능한 형식으로 변환하는 일.


※ 컴파일된 그림

덧붙여서, 찍은 scss는 실시간으로 css로 컴파일되므로 한 번 설정하면 OK