Sass 썸네일형 리스트형 입문 Sass(SCSS), 그리고 작성 방법론 BEM Sass(SCSS) Sass를 알아가기 전에 잡썰 잠깐 풀어 보겠습니다. 마이크로 프로젝트에 CSS를 작성하는 건 그리 어려운 일도 아닐뿐더러 딱히 Less, Sass 등의 전처리기를 고려할 필요도 없을 것입니다. 하지만 추후 서비스가 확장되거나 규모가 큰 협업 프로젝트에서 CSS 코드가 기하급수적으로 늘어나는 상황이라면.. 변경/추가 사항이 생기거나 디자인이 바뀔 경우, 상당한 단순노동의 수고를 해야 하거나 디버깅이 어려운 CSS의 늪에 빠지게 되고 결국 중복된 오버라이딩과 !important를 남발하게 됩니다. Sass는 이러한 문제를 해결해 줄까요? 두말 하면 잔소리, 충분히 가려운 부분을 긁어줄 수 있을 뿐만 아니라 더 재미있는 코딩생활 가능! 장점 CSS의 재활용성을 높여줍니다. 코드의 계층과 .. 더보기 Nuxt(Vue-Cli, Sass)설치와 Gitlab 연결 어쩌다보니 Vue 환경에서 개발새발스런 마크업을 해야하는 상황 React보다 러닝커브가 낮다고 하는 Vue지만 이마저도 편하게 쓰고자 프레임워크 출현 'NUXT' 첫 단계는 늘 변화무쌍한 개발 환경 설치 시행착오와 경험을 기억하기 위한 메모 스따뜨! 참고로 나의 설치 환경 - 윈도우즈 10, VScode Terminal - Node 버전 v10.15.3 1. Vue-Cli 설치 > npm install -g vue-cli 2. Nuxt App 프로젝트 만들기 패키지 매니저로 npm이 아닌 yarn을 쓰자면 yarn 이 설치되어 있어여 한다. (npm install -g yarn) > npx create-nuxt-app [my_작업폴더명] 구성하고자 하는 환경에 대해 답변을 하고 생성된 폴더로 이동 후, .. 더보기 이전 1 다음
