목차 React 소개 React 작동 방식 ★ React 연혁 React 소개 프런트엔드 JS 프레임워크 일종 PS. Facebook이 만든 JS 라이브러리 …

grayscale() 함수 [정의] 색깔의 HSL 공간에서 모든 채도 제거. ※ 아래 함수 실행 결과와 동일. desaturate(@color, 100%). [구문] grayscale(color) […

data-uri() 함수 [정의] 파일을 인코딩해서 불러오기. ※ 리소스를 즉시 처리해서, ieCompat 옵션이 켜져 있고 리소스가 너무 크거나 브라우저에서 함수를 사용하는 경우 url()로 돌아감. [구문] data-uri(mi…

%() 함수 [정의] 자리표시자 가진 문자열을 특정 지정 값으로 포맷. [구문] %(string, value1, value2, ...) [매개변수] string 필수. placeholder…

1. map 의미. "key1:value1, key2:value2, ..." 형식의 데이터 의미. 2. map 형태로 list 함수 사용 가능. 이 경우, map은 2개 요소 가진 리스트로 간주됨. 3. map은 변경 불가함.…

목차 SCSS - Map Functions (맵 함수) 특징 map-get() 함수 - 지정 key 반환 map-has-key() 함수 - key 보유 여부 map-keys() 함수 - 모든 key 반환 map-merge() 함수 - map 결합 map-remove() …

SASS 변수 구문 $variablename: value; PS. 가능한 value 형태. strings numbers colors booleans lists nulls SASS 변수 기본&nbs…

목차 SASS 변수 구문 SASS 변수 기본 유효범위 - 정의된 범위에서만 유효 SASS 변수 유효범위 확장 - !global 키워드 전역변수 관리 Tip SASS 변수 구문 $variablename: value; …

SASS 이해에 필요한 언어 HTML, CSS SASS 정의 1. SASS (Syntactically Awesome Stylesheet) 2. CSS 확장이자, CSS 전처리기 일종. 3. CSS 모든 버전과 완벽 호환. …

목차 SASS 이해에 필요한 언어 SASS 정의 SASS 사용 이유 SASS 유용성 예제 SASS 작동 방식 SASS 파일 확장자 SASS 주석 SASS 이해에 필요한 언어 HTML&nbs…