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로 변경해서 해결
