styled components 스타일이 적용전에 렌더가 되는 문제 해결법 1. Install next.js 참고 https://dev.to/aprietof/nextjsstyled-components-the-really-simple-guide101c
프로젝트의 최상위 경로에 .babelrc 파일을 생성하고 다음 내용을 입력한다.
Styled Components 란? - 설치 $ npm install save styled-components - 사용법 (methods) Button 컴포넌트에 rotationTime 를 props 로 css 를 변경했다. *
리액트에서는 컴포넌트를 스타일링 할 때 다양한 방식을 사용 할 수 있습니다. 이 튜토리얼에서는 어떤 방식이 있는지, 자주 사용되는 것들을 하나하나 사용해보겠습니다.
저는 개인적으로 컴포넌트 하나마다 Sass 파일 하나씩 만들어서 관리를 하는것을 선호하고, 최근 만드는 프로젝트에서는 styled-components 를 사용하기도 합니다 :) CSS Module 은 작년에 자주 사용했었는데 사용하기가 요즘은 조금 불편하다고 느껴져서 잘 사용하고 있지 않고 있습니다.