57일차

---

SASS(SCSS) 기초 10강 @for문 이용한 반응형 섹션 구현

---

CODEPEN - @for문 이용한 반응형 섹션 구현
선생님 영상

---

SASS(SCSS) 기초 11강

---

• SCSS VSCODE 세팅

선생님 영상

• settings.json(파일 - 기본설정 - 설정 - settings.json 검색)
• 또는 ctrl + shift + p 눌러서 settings.json 선택

"liveSassCompile.settings.generateMap": false, // 만일 .map 파일 생성을 끄고 싶다면 "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": "~/../css" // 내가 원하는 css 저장 폴더 경로 설정 } ], "liveServer.settings.donotShowInfoMsg": true

• VSCODE에서 scss를 사용하기 위한 작업 순서
  • settings.json / scss 사용을 위한 세팅
  • scss 폴더 생성
  • style.scss 파일 생성
  • vsc 하단에 watch sass 클릭!
  • scss 파일을 css 파일로 컴파일 후 생성
  • scss에서 ctrl + s 해서 저장하면 css 파일이 생성
  • index.html에는 scss에 의해 생성 된 css 파일 연결

---