useParams, useState, 그리고 useEffect는 React 애플리케이션에서 특정한 목적을 위해 사용되는 React 훅입니다. 각각의 역할과 사용 이유를 설명해보자.
useParams:
역할: useParams는 React Router의 동적 경로 매개변수를 가져오는 데 사용됩니다. 동적 경로 매개변수는 URL의 일부로 사용자에게 정보를 전달할 때 유용합니다.
사용 이유: 페이지나 컴포넌트가 동적인 링크를 가지고 있고, 해당 페이지나 컴포넌트에서 URL의 일부를 추출하여 사용해야 할 때 useParams를 사용합니다. 이를 통해 동적인 데이터를 표시하거나 특정 항목을 가져오는 데 활용할 수 있습니다.
useState:
역할: useState는 React 컴포넌트 내에서 상태를 관리하기 위해 사용됩니다. 상태는 컴포넌트의 데이터를 저장하고 업데이트하는 데 사용됩니다.
사용 이유: React 컴포넌트는 동적으로 렌더링되며 사용자 상호 작용에 따라 데이터가 변경됩니다. useState를 사용하면 컴포넌트의 상태를 초기화하고 업데이트할 수 있습니다. 이를 통해 사용자 인터페이스의 상태를 반영하고 데이터를 변경할 수 있습니다.
useEffect:
역할: useEffect는 컴포넌트의 생명주기와 관련된 작업을 수행하는 데 사용됩니다. 컴포넌트가 마운트될 때, 업데이트될 때, 혹은 언마운트될 때 특정한 동작을 수행할 수 있습니다.
사용 이유: useEffect를 사용하면 비동기 작업 (예: 데이터 가져오기, API 호출)을 수행하거나 컴포넌트의 상태나 UI를 업데이트하는 등의 작업을 수행할 수 있습니다. 컴포넌트의 생명주기 이벤트와 관련된 작업을 효과
