그냥 import "./css/MainLayout.css";&nbsp;
이런식으로 css를 사용 하려고 하니&nbsp;
<img src="https://cdn.inflearn.com/public/files/posts/4479a547-d03a-463d-8477-ee0b45bad19e/데이터.png" title="데이터.png" width="1263" height="684" alt="" />
<img src="https://cdn.inflearn.com/public/files/posts/f5495bb6-f211-4ad0-8b4a-9b55cd4d136a/css에러.png" title="css에러.png" width="1263" height="971" alt="" />
이런식의 에러가 나오더라구여 이것도 .eslintrc 여기에 패킷을 다운 받아서 설정 해줘야 하는건가요??

저것도 서버사이드 렌더링 시 랜덤으로 정해주는 클래스 이름이랑 클라이언트에서의 클래스 이름이 달라서 발생합니다. 개발 시에만 발생하며 배포 후에는 발생하지 않습니다.

감사합니다. 제로초님 그리고&nbsp;
<img src="https://cdn.inflearn.com/public/comments/6d6ee77b-6fe6-4989-aeb4-7b2304e35d40/asdfsdaf.png" title="asdfsdaf.png" width="1263" height="971" alt="" />
styled-components를 사용하려고 하는데 이런 에러가 나더라구여 혹시 어떤 이유인지 알수 있을까요??
사용한 코드들 입니다.<img src="https://cdn.inflearn.com/public/comments/de52694d-b001-4cd9-aca5-6ef906140781/코드1.png" title="코드1.png" alt="" />
<img src="https://cdn.inflearn.com/public/comments/5d215869-b9c3-4902-8780-eda3ce0b1047/코드2.png" title="코드2.png" width="1263" height="684" alt="" />

이 부분은 따로 설정을 해주셔야 합니다.
<a href="https://github.com/zeit/next-plugins/tree/master/packages/next-css" target="_blank" rel="noopener noreferrer">https://github.com/zeit/next-plugins/tree/master/packages/next-css</a>
위의 방식대로 따라하시면 됩니다.

인프런 커뮤니티 질문&답변

제로초님