SASS와 SCSS에 관하여

SASS / SCSS

소프프웨어 공학 - DRY 원칙

Don't Repeat Yourself

반복되는 코드를 만들지 말 것!

CSS는 이것이 힘들었다. 

그래서 CSS의 반복적인 부분을 재활용하고 구조적으로 CSS를 사용하기 위해 나온 것이 SASS와 SCSS 이다.

둘은 비슷한데 문법적인 차이임.

• SASS - 자바스크립트와 비슷
• SCSS - CSS와 비슷

 

Ruby 를 다운받고 설치.

watch를 해줌으로써 SCSS와 CSS파일간의 실시간 동기화가 이루어진다.

sass -E utf-8 --watch --style compact style.scss:style.css 

1. encoding UTF-8 에러시

ruby가 설치된 폴더에서 registry.rb 파일을 검색 해당파일 열고 70번 라인쯤에

LOCALE = Encoding.find(Encoding.locale_charmap)

-> LOCALE = Encoding::UTF_8  로 변경해서 해결

2. cmd 창에서 sass 파일이 있는 곳에서 명령어를 실행해야함.

그러나 해당경로에 한글폴더가 있으면 charset을 인식하지 못함.

-> 경로의 모든 한글폴더를 영어로 바꿔서 해결

3. 확장자가 숨김이라서 새로만든 파일이 xxxx.scss.txt일 가능성.

-> 확장자를 scss로 변경해서 해결