[Next.js] 서버 렌더링과 초기 UI 불일치로 인한 Hydration 에러 해결 방법

라이북러리 프로젝트를 진행하면서 한 가지 에러가 발생하였다. Hydration failed because the initial UI does not match what was rendered on the server. 한글로 번역하면 "초기 UI가 서버에서 렌더링된 것과 일치하지 않아 하이드레이션이 실패했습니다."이다. 대체 Hydration이 뭐고, 왜 초기 UI와 서버에서 렌더링 된 UI가 일치하지 않은 걸까? 🟢 Hydration이...