CSS-in-Js란? 자바스크립트 코드로 CSS 코드를 작성하여 컴포넌트를 꾸미는 방식 컴포넌트를 만들고 컴포넌트를 꾸미기 위해 css 파일을 만들어서 import 하고 HTML tag 마다 classname를 넣고 CSS 코드를 작성하는 것을 반복하는 것을 줄일 수 있다. styled-components styled-components는 리액트에서 CSS-in-JS 방식으로 컴포넌트를 꾸밀수 있게 도와주는 패키지 패키지란, React에는 없는 기능이지만 우리가 추가로 가져와서 사용할 수 있는 써드파티 프로그램 패키지들은 누군가에 의해 만들어진 것으로 npm에 모여있다. 사용하고자 하는 패키지를 npm install 또는 yarn add 를 통해서 설치 1. styled-components 준비 yarn..