✏️ 공부하자/CSS
-
[Sass/SCSS] CSS중노동 탈출하기 - 02. 컴파일 / 옵션 / 소스맵✏️ 공부하자/CSS 2022. 11. 22. 19:01
[Sass/SCSS] CSS중노동 탈출하기 - 01. Sass(SCSS)를 시작하자! [Sass/SCSS] CSS중노동 탈출하기 - 01. Sass(SCSS)를 시작하자! 좀더 수월한 노동(?)을 위해 몇년전부터 업무에 Sass를 사용하고 있습니다. 작업 효율이 훨씬 올라가고 활용도가 무궁무진 하지만 내가 과연 Sass를 잘 알고 활용하고 있는가에 대한 의문이 들어 purpleo.tistory.com 지난번 글에서는 Sass를 쓰는 이유와 설치방법을 알아보고 컴파일 까지 해보았습니다. 오늘은 Sass(SCSS)를 컴파일 하기 위한 명령어와 소스맵, 그리고 몇몇 주요한 컴파일 옵션들을 알아보겠습니다! 명령어로 컴파일하기 # 하나의 파일 $ sass input.scss output.css # 여러개 파일 $..
-
[Sass/SCSS] CSS중노동 탈출하기 - 01. Sass(SCSS)를 시작하자!✏️ 공부하자/CSS 2022. 11. 1. 17:34
좀더 수월한 노동(?)을 위해 몇년전부터 업무에 Sass를 사용하고 있습니다. 작업 효율이 훨씬 올라가고 활용도가 무궁무진 하지만 내가 과연 Sass를 잘 알고 활용하고 있는가에 대한 의문이 들어 다소 늦은감이 있지만 블로그에 기초부터 차근차근 정리해보려고 합니다! Sass는 무엇이고 왜 써야하지? 주특기라 생각했던 CSS가 나를 옥죈다 .. 길어지는 코드길이와 알수없는 구조 .. 지옥으로 가는 유지보수 .. 퍼블리셔 및 CSS를 관리해야 하는 모든 분들은 공감하시겠지요. 여기저기 쓰여진 중복된 코드와 잘못된 상속으로 뒤엉킨 css코드에 고통받고 있다면, Syntactically Awesome Style Sheets(문법적으로 끝내주는 스타일 시트). Sass를 활용할 때입니다. Sass는 CSS 전처리..