본문 바로가기

SCSS2

[SCSS] @use "sass:map", @use "sass:list" 목차   @use "sass:map", @use "sass:list" @use는 무엇인가?@use는 Sass에서 다른 Sass 파일이나 Sass 내장 모듈을 불러올 때 사용하는 구문이다."sass:map", "sass:list"위 두개는 각각 Sass의 내장 모듈인 'map'과 'list'를 불러온다.해당 모듈들은 Sass에서 맵과 리스트를 다룰 수 있는 다양한 유용한 함수들을 제공한다.@use "sass:map"이 구문은 Sass의 'map' 모듈을 불러온다. 'map' 모듈은 키와 값의 쌍으로 이루어진 맵 데이터를 처리하는 함수를 제공한다. 'map-remove($map, $keys...)' : 맵에서 특정 키를 제거한다.'map-keys($map)' : 맵의 모든 키를 반환한다.'map-values.. 2024. 6. 14.
[SASS,SCSS] SASS,SCSS 알아보기 목차 CSS의 라이브러리인 SASS, SCSSSASS와 SCSS는 CSS를 더 효율적으로 작성할 수 있게 도와주는 CSS 전처리기이다. 두 가지 모두 Sass(Syntactically Awesome Stylesheets)라는 이름 아래 개발되었으며, CSS의 단점을 보완하고 스타일시트 작성의 효율성을 높여준다.  SASS와 SCSS의 차이SASS (Sass의 옛날 문법): Indentation Syntax라고도 하며, 들여쓰기를 통해 코드의 구조를 나타낸다. 중괄호 `{}`와 세미콜론 `;`를 사용하지 않는다.SCSS (Sass의 새로운 문법): Sassy CSS의 약자로, CSS와 거의 동일한 문법을 사용한다. 중괄호와 세미콜론을 사용하며, 기존 CSS 파일에 쉽게 적용할 수 있다. 주요 기능변수(Va.. 2024. 6. 13.