sass2 [SASS] Sass란 / 간단하게 설치하기 / vscode scss 설정 / 파셜(partial)파일 1. Sass란?Sass는 CSS 전처리기입니다.CSS의 단점을 보완하여 보다 가독성이 높고 코드의 재사용성이 유리합니다.CSS의 문법은 배우기가 쉬워 프로젝트의 규모가 작을 때는 문제가 없어보이지만, 프로젝트의 규모가 커지면 수정이 빈번히 발생하게 되면 코드가 지저분해지고 유지보수가 어려워지는 단점을 가지고 있습니다.Sass는 보다 심플한 표기법과 CSS를 구조화하여 표현할 수 있습니다. 2. 설치하기(window)1) 먼저 루비언어를 설치해줍니다. (without dev 최신버전으로)https://rubyinstaller.org/downloads/2) cmd 창에서 gem install sass 입력해서 sass를 설치해줍니다.3) sass -v 로 설치된 버전 정보를 확인해줍니다. 3. vscode.. 2020. 6. 9. [scss] sass/scss 차이점, 컴파일 방법 /sass와 scss의 차이점은? 기본적으로 안에 들어있는 내용은 같지만 작성하는 문법에서 약간의 차이가 있습니다. scss는 css문법과 완벽하게 호환이 되는 그런 구문을 가지고 있습니다. ① 간단한 차이는 { } (중괄호)와 ; (세미콜론)의 유무입니다. *sass는 중괄호와 세미콜론을 가지고 있지 않습니다. ② 또 다른 차이는 Mixins('믹스인'은 재사용 가능한 기능을 만드는 방식을 의미합니다.) sass는 = 와 + 기호로 Mixins 기능을 사용했다면 scss는 @mixin과 @include로 기능을 사용했습니다. 컴파일 방법 scss는 웹에는 직접 동작할 수 없습니다. 최종으로는 표준 css로 동작해야 하며, 전처리기로 작성 후 css로 컴파일해야 합니다. 간단한 scss 코드는 컴파일러를.. 2020. 3. 21. 이전 1 다음