CSS 변수란? 놀랍겠지만 SCSS, SASS처럼 CSS도 변수를 지원한다. 지원 한지는 꽤 되었지만, 국내에서 적용을 못했던 이유는 바로 인터넷 익스플로러 때문이다. 필자도 프로젝트를 하면서 IE11을 크로스브라우징 해달라는 요청이 많이 받았었다. 하지만 2021년 8월에 IE11의 지원이 중단되면서, 변수를 사용할 수 있게 되었다. CSS 변수는 CSS에서 사용되는 값을 저장하고 재사용할 수 있도록 하는 기능이다 CSS 변수는 사용하기 전에 정의되어야 하며, 변수 이름 앞에 두 개의 대시 기호(--)를 사용하여 정의된다. 변수 선언 변수선언 방법은 간단하다 --변수명: 값; 변수를 어디에 선언하느냐에 따라서 전역변수와, 지역변수로 나뉘게 된다. 전역변수 선언은 root에 선언을 하면 된다. :root..