컴포넌트 스타일링

• 일반 CSS

• Sass
  자주 사용되는 CSS 전처리기(pre processor)
  확장된 CSS 문법

• CSS Module
  스타일 작성 시 CSS클래스가 다른 CSS클래스의 이름과 충돌 않도록 파일마다 고유 이름 자동 생성

• styled-components
  스타일을 js파일에 내장시키는 스타일 작성과 동시에 해당 스타일 적용된 컴포넌트 만들 수 있게 해줌

1. 일반 CSS
   CSS작성 시 가장 중요한 점은 CSS 클래스 중복되지 않도록 만드는것
   방식 1. 이름 지을 때 특별 규칙 사용
   BEM 네이밍

방식 2. CSS Selector 활용
CSS 클래스가 특정 클래스가 내부에 있는 경우에만 스타일 적용 가능
.App안에 있는 .logo에 스타일 적용하고 싶다면

.App .logo {
  ...
}
```

2. Sass
CSS 전처리기로 복잡한 작업 쉽게 할 수 있도록
스타일 코드 재활요성 높임. 가독성
.scss 확장자