
문제 상황 Warning: Prop `style` did not match. Server: "null" Client: "min-width:;height:" 원인 Next.js는 SSR을 하기에 서버에서 생성된 컴포넌트와 CSR로 클라이언트에서 생성된 컴포넌트의 클래스명이 서로 달라지게 된다. 게다가 Fullcalendar라이브러리는 SSR을 지원하지 않는다. 해결법 그렇기에 클라이언트에서만 렌더링을 해야한다. Next.js에서 제공하는 dynamic import를 사용한다. export const CalendarPage = () => { const Calendars = dynamic(() => import('./components/Calendar'), { ssr: false, }); return ( );..
개발/개발일지
2022. 11. 17. 20:58
TAG
- IP
- 웹 접근성
- lazyloading
- 철학
- Proxy
- 프론트엔드
- 궁금증
- styled component
- 도메인
- SSG
- editor
- 성능최적화
- Section
- Next
- React
- base64
- Typescript
- s3
- SSR
- 선언적 프로그래밍
- server
- HTTP
- 실용주의 프로그래머
- NextJS
- Next.js
- 브라우저
- CSR
- https
- 노션
- toast
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
글 보관함
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
반응형