9장 컴포넌트 스타일링

일반 CSS

컴포넌트를 스타일링하는 가장 기본적인 방법

네이밍 규칙

형태 : 컴포넌트 이름-클래스

App-header

클래스 이름에 컴포넌트 이름을 포함시킴으로써 다른 컴포넌트에서 실수로 중복되는 클래스 생성 및 사용 방지

CSS Selector

/* .App 안에 들어 있는 .logo */
.App .logo {}

SASS

$ yarn add sass

CSS Module

styled-components