뇌 채우기 공간

중첩 CSS에서는 이렇게 계속 상위 선택자를 적어주어야한다. SCSS에서는 이렇게 중첩이 가능하다 출처 Sass(SCSS) 완전 정복! | HEROPY Sass(SCSS) 완전 정복! Style(CSS) 작업 시 필수가 되어버린 CSS Preprocessor(전처리기) Sass(SCSS)에 대해서 이해하고, CSS로 컴파일하는 방법부터 자세한 SCSS 문법까지 살펴봅니다. heropy.blog

출처 Sass(SCSS) 완전 정복! | HEROPY Sass(SCSS) 완전 정복! Style(CSS) 작업 시 필수가 되어버린 CSS Preprocessor(전처리기) Sass(SCSS)에 대해서 이해하고, CSS로 컴파일하는 방법부터 자세한 SCSS 문법까지 살펴봅니다. heropy.blog

폴더에 이 파일들을 만든다. scss는 브라우저에서 바로 실행이 안된다. 그래서 parcel로 컴파일을 해주어야한다. .container{ $size: 100px; .item{ width: $size; height: $size; background: tomato; } } terminal에서 npm init -y라고 친다 이렇게 하면서 설치가 된다. npm install --save-dev parcel-bundler 그리고 이렇게 치면 parcel 이 설치가 된다. 그리고 npx parcel index.html을 입력하면 로컬호스트 주소가 나타난다. http://localhost:1234로 나타났다. 이렇게 설치가 된다. 여기로 접근하니 적용했던 scss가 나타났다.