프론트엔드/Sass
-
01. Sass란?프론트엔드/Sass 2021. 7. 14. 13:47
# What? Sass란 - css 전처리기 # Why? 이걸 왜 알아야돼? - css를 약간 프로그래밍하듯이 작업 가능함. 자주 쓰는 스타일을 변수명으로 선언해놓는다던지 등. => 재활용, 짧은 코드로 반복성 노가다 제거 # How? 1) Visual Studio를 쓴다면 1. Visual Studio 설치 2. 플러그인 Sass, Live Sass Compiler 설치 3. Sass폴더 만들고 안에다 scss 파일 생성 4. Visual Studio 하단탭에 Watch Sass 클릭 5. 이제 scss 작업할때마다 알아서 css 파일로 컴파일됨 * css 저장되는 경로 바꾸고싶으면 Settings > Text Editor > Files > settings.json에서 savePath 수정 (Edit ..