9장 컴포넌트 스타일링

danbi lee·2022년 6월 10일

리액트

목록 보기
3/5

일반 CSS

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

네이밍 규칙

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

App-header

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

CSS Selector

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

SASS

$ yarn add sass

CSS Module

styled-components

profile
계속해서 보완중

1개의 댓글

comment-user-thumbnail
2022년 6월 10일

꾸준히 열심히 하는 모습 멋있어요!

답글 달기