[React] 컴포넌트 스타일 방식 (CSS, SASS, CSS Module)
CSS(Cascading Style Sheets) 기본 스타일 시트 언어입니다. SASS(Syntactically Awesome StyleSheets) 보다 쉽게 CSS문법을 사용할 수 있게 해 주는 전처리기로 재활용성, 가독성을 높여 유지 보수를 쉽게 해줍니다. SASS에서는 .scss와 .sass 두 가지 확장자를 지원합니다. .sass 확장자에서는 CSS에서 사용하던 중괄호 {} 와 세미콜론 ; 을 사용하지 않습니다. // .sass $black: #000000; body color: $black .scss 확장자는 기존 CSS 작성 방식과 크게 다르지 않습니다. // .scss $black: #000000; body { color: $black; } .scss의 사용하기 위해서 먼저 디렉토리에서 ..
2021.04.25