profile
오늘은 나에게 어떤 일이 생길까 ✨
post-thumbnail

[SCSS] 기본 문법

1. #{} (템플릿 리터럴) #{}는 자바스크립트의 템플릿 리터럴처럼 변수를 중괄호 {} 안에 넣으면 변수값을 string 타입으로 사용할 수 있다. 2. @Mixins (재활용) 재사용할 CSS 스타일 정의 @mixin을 통해 스타일을 선언하고, @include를 통해 사용 3. @Function (함수) 함수를 정의하여 사용 @mixin과 비슷하긴 하지만 반환값에 차이가 있다. @mixin : 지정된 스타일 반환 @function : 계산된 특정 값을 @return 지시어 통해 반환 4. @for (반복문) 스타일을 반복적으로 출력 자바스크립트의 for문과 유사 through와 to에 따라서

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

[SCSS] 파일명 앞에 언더바(_)의 의미

❗️ 언더바_가 있는 SCSS 파일명은 npm run build할 때 하나의 SCSS 파일로 묶여진다. reset.scss 파일을 생성하고 컴파일하면 SASS는 reset.css로 변환하고 이 파일을style.css에 import한다. _reset.scss파일을 생성하면 SCSS에서 CSS로 변환하는 작업을 무시한다.

2023년 2월 19일
·
0개의 댓글
·