728x90
반응형
hydrate
🎯 hydrate란 무엇인가요?**hydrate**는 서버에서 만들어진 HTML을 React가 다시 활성화하는 과정이에요.서버 사이드 렌더링(SSR)에서 서버가 이미 만들어놓은 HTML을 클라이언트(브라우저)에서 React가 읽고,React의 기능을 연결해서 상호작용이 가능한 화면으로 만들어주는 거예요.쉽게 말하면, **"정적인 HTML에 React의 생명을 불어넣는 과정"**입니다. 🍕 비유로 이해하기: 놀이공원 인형 이야기여러분이 놀이공원에서 움직이는 인형을 만들고 있다고 생각해 보세요. 🎠서버에서 미리 만들어진 인형서버는 **정적인 인형(HTML)**을 먼저 만들어 놔요.이 인형은 눈으로 볼 수 있지만 아직 움직이지 않아요.React가 생명을 불어넣는 과정 (hydrate)놀이공원에 도착한 인..
web/react dom
2024. 12. 16. 17:11
728x90
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- react dom
- react
- usedeferredvalue
- Nextjs
- 베타
- useformstatus
- experimental
- 상태관리
- react hook
- 저장소
- react dom hook
- experimental_taintobjectreference
- prefetchdns
- flushsync
- finddomnode
- Store
- component
- preconnect
- dns-prefetch
- useinsertioneffect
- image pull
- Props
- useid
- useRef
- 외부폰트
- zustand
- 실험적
- state
- experimental_taintuniquevalue
- private regisirty
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함
반응형
250x250