TIL 22일차

😎자주 쓰게 될 내장 함수

색상

• 명도 어둡게 하기 darken(색깔, 얼만큼) 색깔을 얼마나 어둡게 할 것인가? color.adjust(색깔, $lightness: 얼마나) 내장 함수를 사용해서 색깔을 얼마나 어둡게 할 것인가? 보통 hover효과와 함께 쓸 것임
• 명도 밝게 하기 lighten(색깔, 얼만큼) 색깔을 얼마나 밝게 할 것인가? color.adjust(색깔, $lightness: 얼마나) 내장 함수를 사용해서 색깔을 얼마나 밝게 할 것인가? 보통 hover효과와 함께 쓸 것임
• 채도 높이기: saturate(색상, %) / color.adjust(색깔, 양수 %)
• 채도 낮히기: desaturate(색상, %) / color.adjust(색깔, 음수 %)
• 회색처리: grayscale(색상) / color.grayscale(색상)
• 반전된 색상 반환: invert(색상) / color.invert(색상)

리스트( JS에서는 배열 생각하기)

• list 추가: list.append( list, 추가될 내용) push 생각하기
• 인덱스 확인: list.index( list, 찾는인자)
• 리스트 병합: list.join( listA, listB) JS에서 concat() 생각하기
• 리스트 길이: list.length( list) JS에서 array.length 생각하기
• 리스트 인덱싱: list.nth( list, n) JS에서 list[i] 생각

Map

• 조회하기 map.get( mapObj, 인자) JS에서 mapObj[인자] 해당 인자가없으면 null이라고 출력되고 컴파일시 아무런 속성이 나오지 않음 map.has-key( mapObj, attribute) 속성이 있는지 확인 후 boolean값으로 리턴
• Map → List map.keys( mapObj) JS에서 Object.keys와 동일 key만 배열로 리턴 map.values( mapObj) JS에서 Object.values와 동일하 value로만 이루어진 배열로 리턴
• 병합 map.merge( mapObjA, mapObjB) 두개의 map을 하나의 map으로 합쳐준다. 이 때 중복이 된다면 하나로 합쳐져 컴파일이 된다. 만약 key만 같고 중복될 경우 뒤에 선언된 mapObjB의 속성 value값이 덮어 써진다.
• 제거 map.remove( mapObj, key) 제거되는 것이 아니라 새로운 mapObj를 리턴하기 때문에 덮어쓰기가 중요하다. 또한 mapObj의 속성과 똑같아야 되기 때문에 확인을 잘하고 사용해야된다.

math

• 올림: math.ceil( number)
• 내림: math.floor( number)
• 반올림: math.round( number)
• 최대, 최소: math.max(…number) , math.min(…number)
• 절대값: math.abs(number)
• 단위가 있는지 확인: math.is-unitless( 단위) → boolean값 리턴
• 연산이 가능한지 확인: math.compatible( a, b) → 같은 단위만 연산된다.

meta

• 함수 내에서 함수 실행: meta.call( $callback, 인자) 함수내에서 받은 인자를 다시 새로운 함수로 실행시켜 리턴하는 메서드
• 타입 확인: meta.type-of( params) boolean으로 리턴

String

• 따옴표 추가: string.quote(string)
• 따옴표 제거: string.unquote( string) sass는 따옴표가 있냐 없냐도 중요함!
• 문자데이터 검색: string.index( string, want) want가 어디서 시작하는지 리턴하는 method
• 문자 추가: string.insert(string, add-string, index) index는 음수값도 가능하다.
• 글자 개수: string.length(string)
• 글자 자르기: string.slice(string, index, end) end는 생략 가능
• 대문자, 소문자: string.to-upper-case(string), string.to-lower-case(string)
• 고유문자 반환: string.unique-id()