일반 스타일링

• class대신 className
• 컴포넌트 이름 - 클래스 형태 (App-header)
• 혹은 BEM을 사용해도 됨 (card_title-primary)
• 최상위 html 요소에는 컴포넌트의 이름으로 클래스 이름을 짓고 그 내부에 소문자를 입력하거나 시멘틱 태그를 사용하여 클래스 이름이 불필요한 경우 아예 생략할 수 있다.

sass

• npm install node-sass

css Module

• 클래스 이름을

  • 파일이름_클래스이름_해시값
  • 으로 만들어 클래스 이름 중첩을 방지한다.
  • cra에서는 기본 설정이며 .css전에 .module을 붙여주면 된다.

• classnames

  • 클래스를 조건부로 사용할 때 유용

Styled-components

• 이미 앎

정리

화이팅