SCSS

SCSSSASS (Synthetically Awesome StyleSheets)SCSS는 Sass로부터 등장했습니다. Sass는 CSS 전처리기로서 변수, 상속, 혼합, 중첩 등의 다양한 기능을 제공합니다.전처리기로 작성한 코드는 CSS로 컴파일을 거친 뒤 실행시킬 수 있습니다. SCSS는 Sass3 버전부터 새롭게 등장했습니다. SCSS는 Sass의 모든 기능을 지원하는 Superset 입니다.게다가 SCSS는 CSS와 거의 비슷한 문법으로 Sass의 기능을 사용할 수 있습니다. Sass와 SCSS의 차이점Sass: 중괄호가 아닌 들여쓰기 사용SCSS: CSS처럼 `{}`와 `;` 을 사용 1. DataTypesSCSS는 다양한 데이터 타입을 정의하고 있어 이를 변수처럼 활용할 수 있습니다.type  ..

2024.05.16

프론트엔드 개발환경의 이해: Babel

보호되어 있는 글입니다.

2024.01.07

CSS 전처리기 SASS SCSS

Sass는 CSS전처리기(Preprocessor)라고도 합니다. CSS 전처리기란? CSS 전(예비)처리기 입니다. 보통 언급되는 전치리기 3대장으로 Less, Sass(SCSS), Styleus가 있습니다. 그 중 Sass는 2006년부터 시작하여 가장 오래된 CSS 확장 언어이며, 그만큼 높은 성숙도와 많은 커뮤니티를 가지고 있고 기능도 훌륭합니다. Sass와 SCSS의 차이점? Sass (Syntactically Awesome Style Sheets)의 3버전에서 새롭게 등장한 SCSS는 CSS 구문과 완전히 호환되도록 새로운 구문을 도입해 만든 Sass의 모든 기능을 지원하는 CSS의 상위집합(Superset) 입니다. 즉, SCSS는 CSS와 거의 같은 문법으로 Sass 기능을 지원합니다. Sa..

2022.01.24