렌더링 이후 비동기로 처리되어야 하는 부수적인 효과(Side Effect)를 처리하기 위해서는 useEffect를 사용한다. 비동기 처리가 필요한 요소는 대표적으로 외부 API를 호출하여 데이터를 처리해야 할 경우이다. 첫 렌더링 이후 데이터를 비동기로 가져오는 것이
웹 또는 앱의 기능을 구현하는데 서버를 통해서 데이터를 가져올 상황이 아주 많습니다. 특히, React를 이용하는 상황에서 데이터를 가져오기 위해 API를 호출하여 적절한 state에 집어넣게 되고 state가 변경된 것을 감지하여 원하는 데이터 및 컴포넌트를 도출할
사용자가 페이지를 보는 상황에서 화면을 스크롤해 일정 수준에 도달하면 새로운 데이터를 호출하여 자연스럽게 보여주는 방식이다. 더 좋은 사용자 경험을 제공하는 방법 중 하나이며 특히 모바일 이용자들한테 적용하기 좋은 방법이라고 생각한다. 만약 단점이 있다면 특정 항목을
개인 프로젝트 작업을 진행하던 도중 페이지에 Drawer 및 Modal 컴포넌트를 제작해야 한다. 우선, Drawer 같은 경우 아래와 같이 서랍을 여는 듯한 아이템창이 나와서 사용자가 빠른 액션 혹은 이동(Navigation)을 취할 수 있도록 하는 인터페이스라고 한