| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- MicroFrontEnd
- 아키텍처
- AI
- context.api
- CRA
- 접근성
- 리팩토링
- 웹워커
- sharedworker
- TypeScript
- JavaScript
- MFA
- 리액트
- 회고
- 클린코드
- react
- Webworker
- 오블완
- 티스토리챌린지
- 에세이
- vite
- provider 패턴
- Web
- 이것저것
- Aria
- 자바스크립트
- 프론트엔드
- frontend
- CustomHook
- Function Region
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