트러블 슈팅 - 날짜 데이터를 가져올 때 Hydration 오류에 대한 고민

이번에 스위프 웹 13기를 지원하고, 그 곳에서 따로 프로젝트를 진행하면서 개발 스택을 Next.js로 선택했었다. 그 중 Hydration 개념에 대해 짧게 짚고 넘어갈 필요가 있다는 생각이 들었다. 그렇게 결심을 한 이유 중 하나는 다음과 같은 UI를 퍼블리싱하는 과정에서 생긴 문제였다. 퍼블리싱 자체는 큰 어려움이 없는 UI여서 그냥 이냥저냥 HTML,CSS 개념으로 해결이 되나 싶었지만 느닷 없이 다음과 같은 오류가 발생했다. 요약하자면, 서버에서 랜더링된 HTML과 클라이언트에서 랜더링된 HTML 싱크가 안맞는다는 얘기인데.. 자세한 원인을 분석하기 위해 Hydration에 대해 먼저 공부하기로 했다. 강의는 인프런에 있는 정환님 Next.js 한입 강의를 참고했다. 본격적으로 Hydrati..

2026.04.20