강력한 CSS 전처리기 = SASS & SCSS

 

강력한 CSS 전처리기 = SASS & SCSS

css 전처리기인 sass, scss는 웹페이지 제작에 있어 강력한 효율을 자랑하지만 2개의 언어의 문법이 다르기 때문에 그 점을 잘 구분하며 이용해야 합니다.

 

https://opensenselabs.com/blog/tech/nine-ways-write-best-sass-code

• SASS는 중괄호와 세미콜론을 생략하고 들여쓰기로 문법을 작성합니다.
• SCSS는 중괄호와 세미콜론을 기존 CSS와 동일하게 사용하며 동시에 전처리기 기능으로써의 역할도 수행하기 때문에 SASS보다 쉽게 이용할 수 있습니다.
• CSS는 일반적인 CSS화면으로 SASS, SCSS 작성 후 컴파일 하여 CSS로 변환하여 사용할 수 있습니다.
• SASS, SCSS는 Ruby를 설치해야 이용할 수 있습니다.

 

 

 

https://www.mugo.ca/Blog/7-benefits-of-using-SASS-over-conventional-CSS

• SCSS는 곧바로 HTML로 적용한 결과를 볼 수 없습니다.
• SCSS는 컴파일을 통해 CSS로 변환하여 HTML로 연결할 수 있습니다.

 

 

• SCSS, SASS를 실시간 컴파일 하고 싶다면 VS code에서 위 플러그인을 설치하여 이용할 수 있습니다.