스타일링 라이브러리 ?
웹 애플리케이션의 UI를 스타일링하는 데 도움을 주는 도구나 패키지
각 라이브러리는 장단점을 가지고 있기 때문에 프로젝트에 맞는 라이브러리를 선택하는 것이 중요하다
npm trend
💜 Emotion
Emotion – Introduction
✨ Emotion의 다양한 패키지들
- @emotion/css 패키지
- 프레임워크에 구애받지 않고 Emotion 사용 가능
- 바벨 플러그인, config 변경 같은 추가 셋팅이 필요하지 않음
- @emotion/react
- 리액트 사용자에게 권장됨
- 빌드 환경 역시 React를 사용할 때 가장 좋음
- @emotion/styled
styled-components 와 유사한 사용 방식
✨ @emotion/react 사용해보기 ****
-
Emotion package 설치
yarn add @emotion/react