Next.js

Next.js로 프로젝트 구성중 styled-components가 새로고침시 적용이안되는 현상을 마주치게 됨 그 이유는 Next.js가 SSR로 작동하기 때문에 style이 적용되기 전에 렌더링이 되어서 그렇다.아래의 방법을 통해 문제를 해결하였다.

create-next-app 명령어를 사용하여 프로젝트를 생성해준다.styles 폴더에는 스타일을 나타내는 파일을 저장한다global.css ) \_app.tsx에서만 사용 가능home.module.css ) 다른 컴포넌트 등에서 import 해서 사용 (다양하게 생성

Next.js로 프로젝트진행중 styled-component 설정 및GlobalStyle과 ThemeProvider을 적용해 보려고 한다. GlobalStyle 적용 방법 styles 폴더안에 global-styles.js 파일 생성 _app.tsx에 적용 impo