| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- context.api
- sharedworker
- Web
- provider 패턴
- react
- 티스토리챌린지
- 접근성
- AI
- Function Region
- MicroFrontEnd
- 리액트
- 프론트엔드
- CustomHook
- frontend
- 오블완
- 리팩토링
- CRA
- 회고
- vite
- 아키텍처
- 클린코드
- 이것저것
- JavaScript
- 자바스크립트
- MFA
- 웹워커
- Aria
- 에세이
- Webworker
- TypeScript
Archives
- Today
- Total
목록useRef (1)
Lighthouse of FE beginner
[React] useRef 톺아보기
OverviewReact 프로젝트를 하다보면 DOM을 직접 제어하거나, DOM의 정보를 필요로 하는 시점이 있습니다.또 렌더링을 유발시키지 않는 특정 값이 필요로 하는 경우가 있을수도 있고, 자식 컴포넌트에서 정의된 함수를 상위 컴포넌트에서 사용하고 싶은 경우가 있습니다. 이번 포스팅에서는 위와 같은 케이스를 바탕으로 React의 useRef 훅에 대해서 살펴보겠습니다. useRefReact에서 랜더링을 발생시키지 않는 값을 필요로 한다면, 즉 React에 의해서 제어받지 않는 값을 필요로 한다면 고민해볼 수 있는 것이 useRef를 활용한 ref 객체 입니다. React 프로젝트를 하다보면 변하는 값, 즉 상태를 state로 정의합니다. state는 랜더링을 유발하고 React 재조정 엔진에 제어를 당..
[WEB] 프론트엔드
2024. 9. 7. 13:52