📚 useRef란 무엇인가요? useRef는 리액트 훅 중 하나로, 변경 가능한 ref 객체를 반환해요. 이 ref 객체는 .current 속성을 가지고 있어요. 가장 흔한 사용 예는 DOM 요소에 직접 접근하는 것이지만, 값이 변경되어도 컴포넌트가 재렌더링되지 않는 변수를 저장하는 데에도 사용할 수 있어요. 여러분이 큰 도서관에 있다고 상상해 보세요. 이 도서관에는 수많은 책들이 있고, 각각의 책은 특정한 위치에 있어요. 여기서 '책'은 DOM 요소나 컴포넌트를 대표하고, '책의 위치'는 그 요소나 컴포넌트에 대한 참조(Reference)를 상징해요. useRef는 마치 책갈피처럼 특정한 책(요소/컴포넌트)을 쉽게 찾아갈 수 있는 방법을 제공해요. 여러분이 그 책갈피를 가지고 있다면, 도서관 어디서든 ..

📚 State란 무엇인가요? 리액트에서 state는 컴포넌트의 상태를 나타내는 데이터예요. 이는 사용자의 상호작용이나 시간의 경과에 따라 변경될 수 있는 정보를 말해요. state의 변화는 리액트가 컴포넌트를 다시 렌더링 하게 만들어, 사용자 인터페이스가 최신 상태를 반영하도록 해요. 식당에서 주문서는 손님이 현재 주문한 음식을 나타내죠. 손님이 주문을 변경하면, 주문서의 내용도 그에 맞게 바뀌어요. 주문서가 변경되면, 주방은 변경된 주문에 맞춰 새로운 음식을 준비하고 손님에게 제공해요. 리액트의 state도 이와 비슷해요. state는 컴포넌트의 현재 상태(예: 사용자가 입력한 텍스트, 선택한 옵션 등)를 나타내요. 사용자가 상호작용(예: 버튼 클릭, 폼 입력)을 통해 state를 변경하면, 리액트는 ..