Notion Project 마지막

오늘로써 노션 프로젝트가 마무리되었다.

마무리 단계에선 특별한 문제가 없을줄 알았지만 아니었다.

오늘 발생한 엽기적인 에러에 대해 적어보겠다.

에러문 :
Hydration failed because the initial UI
does not match what was rendered on the server.

초기 UI가 서버에서 렌더링된 UI와 일치하지 않기 때문에 하이드레이션에 실패했습니다.

띠용하는 에러였다.

뭘 말하는진 알겠는데 대체 초기 UI와 렌더링된 UI가 일치하지 않는다는게 말이 되나?

라는 생각에 휩싸여서 갑자기 눈이 흐려졌다.

경고문 :
An error occurred during hydration. The server HTML was replaced with client content in < div >

서버 HTML이 < div >에서 클라이언트 콘텐츠로 대체되었습니다.

전부 파파고 번역이지만 진짜 도통 어디부터 해결해야할지 감이 안오는 에러였다.

해결

해결하는 방법을 찾은건 아니고 HTML에서

dl dt dd 구조에서

dl
dt /dt
dd /dd
/dl

이 구조를

dl
dt
dd /dd
/dt
/dl

이렇게 적었다.

저걸 해결하니 거짓말같이 저 위의 에러가 해결됐다.

알고 있는 구조였고 HTML 연습할때 수 없이 작성했지만, 실수가 나왔다.

에러를 겪고 나면 좋은 점은 같은 에러를 봤을 때 어느정도 유추가 가능하다는 것이다.

앞으로 할 일
: 알고리즘 문제 풀기