[styling] Emotion.js 알아보기

• Emotion.js는 CSS-in-JS 방식의 스타일링 라이브러리로, 컴포넌트 재사용, 중복 className 문제 해결, 상수 및 props 공유, 미사용 코드 처리 등의 장점이 있다.

• 설치 방법은 npm을 이용해 @emotion/css와 @emotion/react를 설치한다.

• Emotion.js의 특징으로는 css prop을 사용해 기존 컴포넌트 스타일을 확장할 수 있고, 라벨링 기능을 통해 협업 시 class name 문제를 해결할 수 있다.

• Emotion.js는 styled-components와 유사하지만, 추가 기능 제공 및 빌드 시 용량이 작아 많이 사용되는 이유가 있다.