SCSS 사용 기초

브라우저용 작업 폴더 안에(ex: client) scss 파일을 저장할 폴더를 생성한다 파일 구조 index.html [폴더]client ㄴ [폴더]js ㄴ [폴더]scss client 폴더는 프론트 디자인 및 개발을 하는 파일을 저장해둘 장소 이전에 웹팩과 loader들을 통해 scss 파일이 브라우저에 잘 표현되도록 설정해두었으니 이제 코드 작성만 쭉쭉 하면 된다. * 웹팩 설치: https://blog.naver.com/abdty1132/223231539128 * 웹팩 loader 설정: https://blog.naver.com/abdty1132/223233701504 [폴더]scss ㄴstyle.scss ㄴvariable.scss variable.scss에는 변수들을 저장하고, style.scss에서 가져다가 사용한다. style.scss에서 variable.scss를 import 해주자. @import "variable.scss"; SCSS의 기본 개념 1. Nesting ...

원문링크 : SCSS 사용 기초