1. SCSS(SASS) 를 사용해보자! [사용방법] 기본적인 사용법에 대해 알아보자. 1. 글로벌 sass 의 적용 styles 폴더에, "global.scss" 를 만들고 직접 css 처럼 적용하여 사용하거나, body { color : red; } 혹은 $custom : red; body { color : $custom } 처럼 사용할 수 있다. 후에, "_app.tsx" 에 가서 import "../styles/globals.scss"; 로 import 하여 사용한다. 2. 모듈 CSS 의 적용 똑같이 .module.scss 로 만들어서 적용시킨다. 3. 중첩되게 사용 .NumberTest { font-size: 1rem; color: green; .NumberTest__title { color: red; } } ==> ".NumberTest .Nu.. 2023. 1. 27. 0. SCSS(SASS) 를 사용해보자! [준비] CSS 를 매번 똑같이 정의하고, 반복하고, 복잡한 CSS 규칙에 하루종일 치덕여 살다가, SCSS 를 알게되었다. SASS 를 사용하면 SCSS 구문을 사용하여, 어썸! 한 스타일 시트를 만들 수 있다. https://sass-lang.com/ Sass: Syntactically Awesome Style Sheets Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. sass-lang.com SASS : Syntactically Awesome Style Sheets SCSS : Sassy CSS 말그대로 어썸! 한 스타일 시트이자, 아주 쿨! 한 스타일 CSS 을 말한다. .. 2023. 1. 27. 이전 1 다음