728x90
반응형
useInsertionEffect
🎯 useInsertionEffect란 무엇일까?**useInsertionEffect**는 React 18부터 등장한 특수한 훅이에요.주로 CSS-in-JS 라이브러리나 스타일링 관련 코드를 다룰 때 사용해요.이 훅의 핵심 역할은 **"DOM이 업데이트되기 전에 스타일 같은 부가 작업을 먼저 수행하는 것"**이에요.간단히 말해, 화면에 그려지기 직전에 미리 필요한 작업(스타일 삽입 등)을 할 수 있게 도와줘요. 🧵 실생활 비유: 옷 입히기옷을 입을 때를 생각해볼까요? 👗화면에 요소(사람)가 그려지기 전에 옷(스타일)을 미리 입혀야 깔끔하게 보이겠죠?만약 옷을 입히는 타이밍이 늦어서 화면에 요소가 먼저 나타나버리면, 잠깐이라도 스타일이 적용되지 않은 모습이 보일 수 있어요.**useInsertionE..
web/react hook
2024. 12. 14. 12:07
728x90
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- image pull
- 상태관리
- private regisirty
- preconnect
- state
- flushsync
- useinsertioneffect
- 실험적
- useRef
- usedeferredvalue
- react
- finddomnode
- 베타
- 외부폰트
- react dom hook
- experimental_taintuniquevalue
- zustand
- experimental_taintobjectreference
- Props
- prefetchdns
- experimental
- useid
- component
- Nextjs
- Store
- 저장소
- dns-prefetch
- useformstatus
- react dom
- react hook
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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