[SW아카데미 팀프로젝트] 공연 커뮤니티 프론트엔드 이슈1

충남대 sw아카데미의 교육생으로서 팀프로젝트를 진행하게 되었다. 처음부터 nextjs를 쓰는 데 어려움 중 하나는 url에 직접 https://localhost:3000과 같이 입력하면 전체 페이지에 스타일이 적용되지 않는 문제가 있었다.

 

 

글을 쓰는 와중에 2가지 오류 중 한가지 오류는 찾을 수 있었다.

위와 같이 해결했고,

 

나머지 오류는 아래와 같다.

 

아니다.. 위에 것도 다시 오류가 뜬다.

 

해결책을 찾음

이는 nextjs에서 ssr을 할 때 styled component가 반영이 안 되어서 라고 한다.

https://tesseractjh.tistory.com/164

[Next.js] Next.js에서 Prop `className` did not match 경고가 뜨는 이유

 

이 분이 알려준대로 했는데 다른 오류가 생겨 버렸다.

 

.babelrc를 만들어서 생기는 문제인 듯 한데.. 그러면 다른 해결책을 알아봐야 겠지?

 

휴.. 위와 같이 해결책을 찾을 수 있었다.

 

 

https://cocoon1787.tistory.com/878