[SASS - SCSS] 1-5. 연산자 내용 정리

6. 연산자

SASS는 간단한 사칙연산이 가능합니다. +, -, *, / 그리고 %까지 처리가 가능합니다. 연산 기능은 CSS를 이용하여 레이아웃을 작업할 때 아주 편리하게 사용 가능합니다.

 

색상을 섞는 기능도 가능하고, 폰트 사이즈를 조정 길이와 높이 등 조정할 때도 사용이 가능합니다.

 

웹사이트는 고정폭으로 사이트를 만드는 경우도 있고, 최근에는 반응형이라는 기술을 사용하여 폭 크기를 유동적으로 변경하는 경우가 많습니다. 웹 브라우저의 크기가 커지거나 작아질 경우 콘텐츠 부분과 aside의 크기 또한 유동적으로 크기를 줄일 수 있도록 처리해야 합니다.

기존 CSS로 기재했을 경우에는 계산기를 두고 하지 않아도 연산자를 사용해서 간단하게 작성하면서 %나 고정 px를 이용해서 처리할 수 있습니다.

 

 

---

SASS의 가장 기본적인 기능은 끝입니다. 여기까지만 잘 알아둬도 CSS 개발하는 부분은 어렵지가 않습니다.