![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbXz00U%2FbtsqAw7RAJN%2FVn9rzj5fZhS00dSdqmy1h1%2Fimg.jpg)
SCSS 컬러 함수 SCSS는 CSS의 기능을 확장한 스타일 시트 언어로, 컬러 관련 작업을 보다 효율적으로 처리할 수 있는 다양한 함수를 제공합니다. lighten($color, $amount): 지정된 색상을 밝게 만듭니다. darken($color, $amount): 지정된 색상을 어둡게 만듭니다. saturate($color, $amount): 지정된 색상의 채도를 높입니다. desaturate($color, $amount): 지정된 색상의 채도를 낮춥니다. complement($color): 지정된 색상의 보색을 반환합니다. SCSS 연산자 SCSS는 연산자를 사용하여 숫자와 색상을 계산하고 조작할 수 있습니다. +: 숫자나 색상을 더합니다. -: 숫자나 색상을 뺍니다. *: 숫자를 곱하거나, ..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F7grIS%2Fbtsqd5vz086%2FkfTF1aDaXxVwTjPQOUXkT0%2Fimg.jpg)
SCSS(Scalable and Modular Stylesheets)는 CSS를 확장한 스타일 시트 언어로, 더욱 간결하고 모듈화된 스타일 코드를 작성할 수 있도록 도와줍니다. SCSS는 CSS의 모든 기능을 포함하며, 변수, 중첩(Nesting), 믹스인(Mixin), 상속(Extend) 등의 추가 기능을 제공합니다. 이 글에서는 SCSS의 소개와 기본 문법에 대해 알아보겠습니다. SCSS 소개 SCSS는 CSS의 한계를 극복하고 유지보수가 용이한 스타일 코드를 작성하기 위해 개발된 스타일 시트 언어입니다. SCSS는 Sass(Syntactically Awesome Style Sheets)의 한 종류로, CSS와 거의 동일한 문법을 가지고 있습니다. 따라서 CSS 기반의 프로젝트에서 쉽게 도입할 수 있..
![article thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdBP49c%2FbtsogdpseCk%2FJa69LUxFZXkLwon3WMsRY0%2Fimg.jpg)
변수(Variable) 변수는 값을 저장하는 데 사용되는 이름을 가진 메모리 공간입니다. 자바스크립트에서 변수를 선언할 때는 var, let, const 키워드를 사용합니다. // 변수 선언과 할당 var age = 30; let name = 'John'; const PI = 3.14; var: 예전에 사용되던 변수 선언 방식으로, 함수 스코프를 가집니다. let: 블록 스코프를 가지며, 값을 변경할 수 있는 변수를 선언할 때 사용합니다. const: 블록 스코프를 가지며, 상수를 선언할 때 사용합니다. 한 번 할당된 값은 변경할 수 없습니다. 데이터 타입(Data Types) 자바스크립트의 데이터 타입은 동적으로 결정되며, 변수에 할당되는 값에 따라 자동으로 타입이 결정됩니다. // 숫자 타입 (Num..