동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.
Sass Map 함수
Sass에서 지도 데이터 유형은 하나 이상의 키/값 쌍을 나타냅니다.
** Map을 사용하여 이전 페이지의 List 기능을 사용할 수도 있습니다.
** 그런 다음 지도는 두 요소가 있는 목록으로 처리됩니다.
Sass 맵은 변경할 수 없습니다 (변경할 수 없음). 따라서 지도를 반환하는지도 함수는 새 지도를 반환하고 원래 지도는 변경하지 않습니다.
다음 표는 Sass의 모든 맵 함수를 나열합니다.
Function |
Description & Example |
map-get(map, key) |
지정된 키의 값을 맵에 돌려줍니다. 예: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-get($font-sizes, "small") 결과 : 12px |
map-has-key(map, key) |
지도에 지정된 키가 있는지 여부를 확인합니다. true 또는 false를 리턴합니다. 예: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-has-key($font-sizes, "big") 결과 : false |
map-keys(map) |
맵 내의 모든 키의 리스트를 돌려줍니다. 예: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-keys($font-sizes) 결과 : "small", "normal, "large" |
map-merge(map1, map2) |
map2를 map1의 끝에 추가합니다. 예: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) $font-sizes2: ("x-large": 30px, "xx-large": 36px) map-merge($font-sizes, $font-sizes2) 결과 : "small": 12px, "normal": 18px, "large": 24px, "x-large": 30px, "xx-large": 36px |
map-remove(map, keys...) |
지정된 키를 맵으로부터 삭제합니다. 예: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-remove($font-sizes, "small") 결과 : ("normal": 18px, "large": 24px) map-remove($font-sizes, "small", "large") 결과 : ("normal": 18px) |
map-values(map) |
맵 내의 모든 값의 리스트를 돌려줍니다. 예: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-values($font-sizes) 결과 : 12px, 18px, 24px |
등록된 댓글이 없습니다.