주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

라이브러리를 사용할때, 보통 class나 id는 지정되있기 마련이죠. 또한 이런 것을 수정해야하는 경우도 종종 생깁니다. 이때 css를 수정하는 방법을 알아보도록 하겠습니다.! (next, styled-components 사용 방법입니다.) 첫번째 방법은 css 파일을 import하는 방법입니다. 즉 전체 페이지에 대한 스타일시트를 가져오는 방법입니다. 먼저 pages/ 폴더 하위에 _app.js 파일을 생성한 후 스타일시트를 import해주면 됩니다. import '../styles.css'; export default function MyApp({ Component, pageProps }) { return } https://nextjs.org/docs/basic-features/built-in-css..

require const React = require('react'); const Example; = () => {}; module.export = Example; import import React from'react'; const Example; = () => {}; export default Example; require는 노드 문법이고 import는 ES6문법이다. 두개를 섞어쓰면 당연히 에러가난다.