vscode에서 scss 쓰기
scss란 css를 좀 더 편하게 쓸 수 있는 css 전처리기인데, 이를 어떻게 vscode에서 쓰고 css 파일로 컴파일화(브라우저에서는 scss 모르니까 css로 바꿔줘야함) 하는지 정리함. 2023년 버전으로 다시 씀. 1. vscode 확장 프로그램 설치 Live Sass Compiler을 설치한다. 그러면 IDE 하단에 아래와같이 watch sass라는 버튼이 나타나는데, 저걸 누르고 scss파일에서 저장할때마다 컴파일된 css파일이 생긴다. 이게 끝인데 사용자에 따라 css파일이 생성되는 위치, 압축된 css파일 유무 등이 다를 수 있음. 아래는 이후 설정 방법임. 2. settings.json 열기 컨트롤 + , 또는 파일-기본설정-설정을 클릭 한 뒤 우측 상단에 있는 전환용 아이콘을 누르면..