JAM Development

🎯 findDOMNode란 무엇인가요?**findDOMNode**는 React에서 특정 DOM 요소를 직접 찾을 때 사용하는 함수예요.React 컴포넌트가 화면에 렌더링되면 **HTML 태그(즉, DOM 요소)**가 만들어지는데요,이 DOM 요소에 직접 접근하고 싶을 때 findDOMNode를 사용합니다. 🍕 비유로 이해하기: 사물함 찾기여러분이 학교에 가서 자기 사물함을 찾는다고 상상해 보세요. 🎒React 컴포넌트는 사물함 번호표사물함마다 **번호(컴포넌트)**가 붙어 있어요.DOM 요소는 사물함 자체우리가 눈으로 보거나 손으로 만질 수 있는 **사물함(HTML 태그, DOM 요소)**이에요.findDOMNode는 사물함을 찾는 도구"5번 사물함이 어디 있지?"라고 물어볼 때 findDOMNod..

🎯 useRef란 무엇인가요?**useRef**는 컴포넌트 안에서 값이나 DOM 요소를 저장하고 관리할 때 사용해요.여기서 중요한 포인트는:값이 바뀌어도 화면이 다시 렌더링되지 않아요.DOM 요소(HTML 요소)에 직접 접근할 때도 사용할 수 있어요. 📦 상자를 기억하는 이야기여러분이 물건을 담아두는 상자를 하나 가지고 있다고 상상해 보세요. 📦이 상자에 값을 넣어두면, 언제든지 꺼내서 사용할 수 있어요.하지만 상자에 물건을 넣고 빼도 상자는 변하지 않아요(렌더링이 다시 일어나지 않아요).React에서 **useRef**는 이런 상자와 같은 역할을 해요!값을 저장해두지만 화면에 영향을 주지 않고, 필요할 때 꺼내 쓸 수 있죠. 🛠️ useRef를 사용하는 예시1. DOM 요소에 접근하기useRef..