# Hydrate

5개의 포스트
post-thumbnail

[Next.js][Error🐞] Runtime Error: Hydration failed because the initial UI does not match what was rendered on the server.

며칠 전, 작은 웹 애플리케이션을 개발해보고자 Next.js 에서 제공하는 무료 웹 템플릿을 다운받아서 개발 진행을 하는 중 아래와 같은 에러가 발생하였다. Hydration 이란? React 의 기능 중 하나이며 render() 메서드와 기능적으로는 동일하지만,

2023년 3월 26일
·
0개의 댓글
·

SSR과 React Query

CSR은 단순 뼈대만 있는 HTML document와 JS 파일들을 클라이언트로 모두 보낸 뒤, 클라이언트 단에서 JS 코드들을 통해 웹 화면을 동적으로 빠르게 렌더링하는 방식이다. 덕분에 사용자 경험이 좋아지고, 서버에 요청하는 횟수가 훨씬 적기 때문에 서버의 부담이

2023년 2월 16일
·
0개의 댓글
·
post-thumbnail

[error] getServerSideProps 으로 SSR 실행 하기

✍️ 처음에 HYDRATE 라는 개념을 몰랐어서, 어디서부터 잘 못 됬는지도 모르겠고, 막막했었는데 “단서” 의 포스팅을 만나 실마리를 얻을 수 있었다. 글쓴이에게 감사한다. 🙏

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

[Study] Hydrate

웹 페이지에 수분을 보충(?)한다고..?

2022년 7월 7일
·
0개의 댓글
·
post-thumbnail

Rendering vs. Hydration

Hydrate는 Server Side단에서 렌더링 된 정적 페이지와 번들링된 JS파일을 클라이언트에게 보낸 뒤, 클라이언트 단에서 HTML 코드와 React인 JS코드를 서로 매칭 시키는 과정을 말한다.Write site in React.Create build for

2022년 5월 28일
·
0개의 댓글
·