🤍 은지log 🤍

🍓 프로젝트 세팅 필요한 디펜던시를 설치합니다. npm i -D babel-plugin-styled-component 🍓 .babelrc 먼저 바벨 파일을 수정합니다. 아래 파일은 next.js의 ssr과 연관이 있는데, ssr에 의해 styled-components 스타일이 적용 전에 화면 렌더링이 되는 문제를 방지하기 위함입니다. { "presets": ["next/babel"], "plugins": [ [ "babel-plugin-styled-components", { "fileName": true, "displayName": true, "pure": true, "ssr": true } ] ] } NextJS에서 Styled-components 사용하기 npm i styled-components n..