/git-study

Primary LanguageSCSS

Sass를 활용한 모던 웹 UI 제작

전주정보영상진흥원

11월 7일부터 22일까지 3주간 진행되는 프로젝트 과정입니다.

  • git 설치
  • vs code 설치
  • vs code에 기본 터미널로 git bash 설정
  • node 설치 (version 14.15)
  • npm을 활용해서 sass를 설치(version 1.29)
  • npm install -g sass (Dart Sass 설치)
  • sass 버전 확인 (sass --version)
  • sass sass파일 css파일 (sass sass/style.css css/style.css)
  • sass --watch sass:css (watching 상태)
  • sass 변수 ($변수명)
  • sass 중첩 (.header .brand{...})
  • sass 믹스인(Mixin)
  • sass 확장(extend)
  • sass 모듈(파일의 유형별로 분류)