일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 스마트 컨트렉트 함수이름 중복
- erc4337 contract
- ethers typescript
- redux toolkit 설명
- Vue
- Vue.js
- 러스트기초
- cloud hsm
- 스마트컨트렉트 예약어 함수이름 중복
- 러스트 기초 학습
- 머신러닝기초
- ethers type
- git rebase
- 오블완
- 러스트 기초
- 계정추상화
- erc4337
- redux 기초
- 컨트렉트 동일한 함수이름 호출
- ambiguous function description
- cloud hsm 사용하기
- cloud hsm 서명
- ethers websocket
- rust 기초
- SBT표준
- vue기초
- 티스토리챌린지
- 체인의정석
- 스마트컨트렉트 함수이름 중복 호출
- ethers v6
Archives
- Today
- Total
목록nextjs hydration (1)
체인의정석
Next.js Hydration 에러 처리 (Rainbow Wallet 사용 시 적용 필요)
Next.js에서 자주 마주치는 Hydration Error는 **SSR(Server-Side Rendering)**과 CSR(Client-Side Rendering) 사이의 차이 때문에 발생🔍 Hydration이란?Next.js는 서버에서 HTML을 먼저 렌더링한 후, 클라이언트에서 React가 해당 HTML에 이벤트 핸들러와 상태를 붙이는 과정을 "Hydration"이라고함⚠️ Hydration Error란?서버에서 렌더링된 HTML과 클라이언트에서 렌더링되는 결과가 다를 때 발생하는 오류예를 들어:const [count, setCount] = useState(Math.random());이 코드는 서버와 클라이트에서 Math.random()의 결과가 다르기 때문에, 두 버전의 DOM이 달라지고, h..
개발/frontend
2025. 4. 2. 11:02