#3 - Sass & SCSS 주석과 데이터의 종류

 

주석 ( Comment )

Sass와 SCSS는 주석 사용법에서 차이가 있다. 

Sass 주석

/* 각 줄에 별표를 붙여야 하며
 * 별의 라인을 맞춰주어야
 * 정상 동작 합니다. */

SCSS 주석

//해당 주석은 컴파일 되지 않습니다.

/*
  해당 주석은 컴파일 됩니다.
*/

데이터 종류

Sass와 SCSS에서는 아래와 같은 데이터를 사용한다.

 

데이터 종류	설명	예시
Numbers	숫자 데이터	숫자, 숫자+단위
Strings	문자 데이터. 큰 따옴표 사용은 옵션.	string1, "string2"
Colors	색 데이터. 함수(컬러 명), #헥사, rgba 등의 색상 데이터 사용 가능.	red, #FFFFFF
Booleans	논리 데이터.	true, false
Nulls	없음을 표시. 속성값으로 사용하면, 컴파일하지 않음.	null
Lists Data	띄어쓰기,  쉽표로 구분된 값을 리스트로 인식. 괄호는 옵션.	(list1, list2), list3 list4
Maps Data	(key : value) 형태. 괄호가 필수.	(key1 : value1, key2 : value2)