SCSS 변수 활용

$변수: 값 ;

 

SCSS에서 변수 선언은 const나 let이 아닌 $로 선언이 된다

 

그리고 그 값을 쓸곳에 $변수라고 작성해주면 된다.

 

 

예시)

 

주의할점!!

선언된 범위에서 유효범위를 가진다.

위 예시처럼 맨위에 영역밖에서 작성이 되면 전역변수이지만

아래처럼 작성하게 되면 .container에서만 사용가능한 유효범위가 생긴다.

상황에 따라 잘 선택해서 사용하자

또 이렇게 .item에 size값 다른값으로 바꾸게 되면 이걸 재할당의 개념이 된다

그렇기 때문에 아래에서는 200px이 되고

.item의 밖 , 그리고 아래에 left에 작성한 size값은 재할당된 200px이 되게 된다.