styled-components로 컴포넌트를 스타일링할 때, 스타일링할 엘리먼트에 대해 새로운 컴포넌트 이름을 지어 줄지, 아니면 CSS Selector를 사용할지는 취향에 따라 결정하면 됩니다.

이 책에서는 어떠한 엘리먼트에 특별한 용도가 있거나 이름을 따로 만들어 주었을 때 JSX의 가독성이 좋아진다면, styled-components를 통해 컴포넌트에 새로운 이름을 만들어 줄 것입니다. 그러나 딱히 중요한 역할을 맡고 있지 않다면 CSS Selector를 활용할 것입니다.

코드를 저장하면 로그인 페이지에 다음과 같은 결과물이 나타나나요?

▲ 그림 24-18 AuthTemplate

 

이 프로젝트의 이름은 REACTERS라고 부르겠습니다(이 이름은 여러분 마음대로 지정해도 상관없습니다).