웹 개발에서 살아남기

  • 홈
  • 태그
  • 방명록

CallbackRef 1

React - 함수형 ref (Callback ref) 사용법

React에서 ref 속성에 객체 대신 함수를 전달하는 Callback Ref 패턴을 다룬다. DOM 마운트 및 언마운트 시점을 정교하게 포착하여 동적 리스트(Map Loop)의 Ref를 관리하거나, 외부 라이브러리를 초기화하는 실무 활용법을 정리한다. React: 함수형 Ref(Callback Ref)의 동작 원리와 실무 활용 패턴React에서 DOM 요소를 참조할 때 가장 일반적으로 사용하는 방식은 const ref = useRef(null)로 객체를 생성하여 ref={ref} 형태로 할당하는 것이다. 하지만 이 방식은 리스트 렌더링(Map)이나 DOM 생성 직후 특정 로직 실행이 필요할 때 한계가 있다.이때 사용하는 것이 바로 함수형 Ref(Callback Ref)다. ref 속성에 객체가 아닌 함..

카테고리 없음 2025.12.05
이전
1
다음
더보기
프로필사진

웹 개발에서 살아남기

공부하면서 알게 된 것들, 나중에 다시 보면 좋겠다 싶은 내용들을 적어두는 공간입니다 😆

  • 분류 전체보기 (93)

Tag

react hook form, React, Typescript, Frontend, Ant Design, EVENT LOOP, refactoring, Task Queue, JavaScript 날짜 처리, approuter, date-fns, 비동기처리, Next.js, useEffect, javascript, 프론트엔드 개발, TroubleShooting, Web API, 프론트엔드, ShallowCopy,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/04   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바