[Sass 특징] Sass 데이터 타입(값) 소개

Sass에서는 자바스크립트에서와 마찬가지로 데이터 타입이 존재한다.

 

레퍼런스에서는 Value(값)으로 소개가 되고 있는데,

 

총 8가지의 데이터 타입이 있다.

 

1. Numbers 숫자

- 단위를 포함하거나 포함하지 않을 수 있다. (12 or 12px)

 

2. Strings 문자열

- 따옴표를 포함하거나 포함하지 않을 수 있다. ("bold" or bold)

 

3. Colors 색상

- 일반적인 red, green 과 같은 색상이나 #f0f0f0 등의 Hex 표현으로도 작성할 수 있다.

 

4. List (자바스크립트의 배열과 유사)

- 쉼표나 공백으로 List 를 구분하여 작성한다. (Helvetica, Arial, sans-serif) or (10px 15px 0 0)

 

5. Map (자바스크립트의 객체와 유사)

- 객체와 유사하게 key값과 value 값을 작성한다. ("background" : red, "border-color" : blue)

 

6. boolean (true or false)

 

7. null

- 자바스크립트의 null과 마찬가지로 아무것도 없는 값을 나타낸다.

 

8. Function 함수

- Sass에서 제공하는 내장함수와 임의로 작성할 수 있는 함수가 있다. (@function)