hydrationerror1 Nextjs hydration mismatch error(하이드레이션) 짧은 지식으로 인해 글의 신뢰성이 높지 않습니다. 정확한 내용은 공식문서를 참고해 주세요. 목차)1. 서론2. Nextjs hydration 에러와 해결3. 결론 1. 서론다크모드를 구현하며, 실시간 시계를 추가하며 두번의 hydration에러를 만났고, 해결한 과정에 대한 글입니다. hydration은 무엇일까?수화라는 뜻으로, HTML에, 이벤트를 부착하고 리액트, js코드를 실행해서유저와 interaction 가능한 코드로 만드는 과정이다.조금 더 자세히 말하면,클라이언트에서 서버에서 전달된 HTML과 가상 DOM을 비교(recolciliation)하고 DOM을 업데이트하는 과정.이고 이때 서버에서 전송된 HTML과 클라이언트에서 생성된 가상DOM구조가 일치하지 않을 경우 하이드레이션 에러가 발생한.. 2024. 9. 29. 이전 1 다음
