Programming/CSS (10) 썸네일형 리스트형 [Sass/SCSS] 2. Sass/SCSS의 Compile 방법 Sass(SCSS)는 단독으로 동작할 수는 없습니다. 즉, 전처리기로 작성 후 CSS로 변환하여 최종적으로는 표준 CSS로 동작해야만 합니다. 여러가지의 변환 방식이 있지만, Javascript 개발 환경인 Node.js에서 사용할 경우 추천되는 방법들을 소개합니다. (1) SassMeister 간단한 코드의 경우 compiler 설치가 부담될 때 사용. Sass/SCSS 코딩을 CSS 로 실시간 변환. SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com (2) node-sass Node.js를 LibSass라는 co.. [Sass/SCSS] 1. Sass/SCSS 기초 1. 왜 CSS 전처리기를 사용해야하는가? CSS는 작업이 고도화 될 수록 가독성과 유지보수가 어려워질 수 있습니다. 코드의 재활용성을 높여 클린 코드를 작성하고, 가독성과 생산성을 높이기 위해 전처리기의 사용이 필요합니다. 2. CSS 전처리기(Preprocessor) 전처리기라는 이름처럼 CSS의 동작 전에 사용되는 기능으로 CSS의 불편한 점을 상쇄시키는 확장 기능입니다. 3. 왜 Sass/SCSS를 사용하는가? 가장 많이 사용되는 CSS 전처리기는 Less, Sass(SCSS), Stylus 세 가지가 있습니다. Less는 난이도가 낮아 접하기 쉬우나 기능의 한계가 있습니다. Stylus는 비교적 후발주자로 성숙도가 떨어지기에 사소한 버그가 있을 수 있습니다. Sass/SCSS는 앞서 언급된 Le.. 이전 1 2 다음