오픈소스 분석
-
[Vue.js를 활용한 퍼블리싱] vue-paper-dashboard (2) Sass 활용법오픈소스 분석 2020. 4. 16. 00:33
저번 포스팅에는 Creative Tim 팀에서 만든 'vue-paper-dashboard' free 버전 프로젝트의 구조를 살펴보았습니다. 이번 포스팅에서는 vue-paper-dashboard에서 SCSS의 어떤 문법을 활용했는지를 중점적으로 설명드리겠습니다. Popular CSS Preprocessor, SASS/SCSS! 요즘엔 CSS를 사용하기보다 CSS preprocessor를 많이 사용합니다. CSS Preprocessor란 CSS의 문법적 한계를 개선한 프로그램입니다. 그것들이 제공하는 문법을 통해서 웹 문서를 꾸밀 수 있습니다. 이름에서도 알 수 있듯이 컴파일을 하면 CSS가 되죠. SASS/SCSS, Stylus, Less 등 여러 CSS proprocessor가 있지만 그 중 가장 많이 ..
-
[Vue.js를 활용한 퍼블리싱] vue-paper-dashboard (1) 프로젝트 구조오픈소스 분석 2020. 1. 29. 23:03
Vue.js를 활용하여 컴포넌트를 구성하고 퍼블리싱 하는 노하우를 얻기 위해 오픈소스를 분석해봅니다. 첫번째 오픈소스는 Creative Tim 팀에서 만든 vue-paper-dashboard free 버전 소스입니다. https://www.creative-tim.com/product/vue-paper-dashboard Vue Paper Dashboard by Creative Tim www.creative-tim.com 숙련된 프론트엔드 엔지니어는 Vue.js를 활용하여 어떻게 퍼블리싱하는지 파악하는 것이 목표입니다. 프로젝트 코드를 다운받은 후 아래 설명과 함께 봐주세요 :) 포스팅에 Vue.js만을 다루지 않고 개인적인 학습 목적으로 html, css, Sass 등 프론트엔드와 관련된 여러 부분을 다룰..