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