time to wander

styled-components 패키지의 createGlobalStyle 사용하기 React를 사용하다 보면 보통 스타일 속성을 컴포넌트 안에서 설정하기 때문에 기본적으로 세팅하는 속성들은 각 컴포넌트마다 중복으로 작성해야 하는 경우가 많다. 이럴 경우 한 컴포넌트 안에서의 코드 양이 길어지고 많아지며 전체적인 가독성이 떨어진다는 단점이 있다. 프로젝트에 공통으로 사용하는 폰트 스타일이나, box-sizing, button이나 input의 outline과 border 속성, cursor 등 기본적으로 컴포넌트마다 설정해주는 속성들은 GlobalStyle로 적용하면 컴포넌트별 중복 작성을 막아줄 수 있다. 초기 세팅 사용하고 있는 패키지 매니저에 따라 아래와 같이 styled-reset과 styled-co..