24.1.3 스타일 설정

이번 프로젝트에서는 styled-components를 사용하여 스타일링하겠습니다. 여러분이 styled-components가 아닌 다른 방식으로 스타일링하는 것을 좋아한다면, 이 책에서 사용하는 스타일을 참고하여 Sass, CSS Module 등의 방법으로 작성해도 좋습니다.

먼저 styled-components를 설치해 주세요.

$ yarn add styled-components

다음으로 나중에 색상을 사용할 때 쉽게 뽑아서 쓸 수 있도록 색상 팔레트 파일을 만듭니다.

src/lib/styles 디렉터리를 만들고, 그 안에 palette.js라는 파일을 다음과 같이 작성하세요. 색상 HEX 코드를 하나하나 입력하기가 번거로울 수 있으니 https://bit.ly/mypalette 경로에 들어가서 코드를 복사한 후 사용하세요.