Syntactically Awesome StyleSheets의 약자로, CSS의 반복적인 작업을 최대한 줄여주고, 생산성을 높이며, 작업의 효율성을 극대화함
우선 나는 Ruby를 통해서 Sass를 설치하였다.
1) 루비 설치 https://rubyinstaller.org/downloads/ (WITHOUT DEVKIT 버젼)
Ruby 2.7.2-1 (x64) WITHOUT DEVKIT
2) 윈도우 > 시작 > cmd창 열기(명령프롬프트)
3) Sass 설치 명령어는 다음과 같습니다 => 만약 이 명령어를 입력 후 액세스 허용 창이 뜨면 허용해주시면 됩니다.
http://recoveryman.tistory.com/276
gem install sass
4) scss 파일을 css 파일로 변환 시켜줄 명령을 입력
① 드라이브를 이동 ex) d: 명령어
② 드라이브 내에 있는 해당 페이지의 css폴더의 경로를 찾는다
ex) cd C:\Users\209_07\Dropbox\web\3mobile\ohnew\assets\css
(경로명을 정확히 적어야하고, 경로명에는 한글 폴더명이 없도록 한다.)
③sass --watch .:. 명령어
현재 디렉토리를 감시해서 scss파일을 생성하면 자동으로 css파일을 생성해줌
자동으로 style.css와 style.css.map, .sass-cache폴더가 생성됨