[React다루는기술] 18.React Context API
in React on React 다루는 기술
React Context API는 React 애플리케이션에서 전역적으로 상태를 관리하기 위한 기능을 제공한다. 이를 통해 props를 통해 데이터를 여러 컴포넌트에 전달할 필요 없이, 컴포넌트 트리의 깊은 곳에 있는 컴포넌트들도 쉽게 상태를 공유할 수 있다.
in React on React 다루는 기술
React Context API는 React 애플리케이션에서 전역적으로 상태를 관리하기 위한 기능을 제공한다. 이를 통해 props를 통해 데이터를 여러 컴포넌트에 전달할 필요 없이, 컴포넌트 트리의 깊은 곳에 있는 컴포넌트들도 쉽게 상태를 공유할 수 있다.
in React on React 다루는 기술
React에서 axios
와 Custom Hook
사용 예제포스팅이다. [React다루는기술] 카테고리와 해당 포스팅은 리액트를 다루는 기술(개정판)를 보고 부분적인 기록용으로 작성한 예제로 자세한 내용은 책을 사서 보면 된다.
in React on React 다루는 기술
해당 포스팅에서는 javascript에서 비동기 처리와 비동기를 동기처럼 처리시에 사용되는 Callback Function
, Promise
, Async/Await
에 대한 포스팅이다.
in React on React 다루는 기술
리액트에서 화면 라우팅간에 파라미터와 쿼리스트링을 useParams와 useSearchParams Hook 을 설명하는 포스팅이다.
그릇,
in React on React 다루는 기술
리액트에서는 SPA 를 구현하기 위해서 라우팅이라는 개념이 있는데 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것을 의미한다.
리액트에서 라우트 시스템을 구축하기 위해 사용하는 방법은 크게 2가지로 React-Router와 리액트 프레임워크인 Next.js 가 있는데 해당 포스팅은 React-Router 를 활용하는 포스팅이다.
in React on React 다루는 기술
싱글 페이지 애플리케이션 중심에는 대표적인 라이브러리/프론트프레임워크 React, Vue/Angular가 있다.
in React on React 다루는 기술
react-virtualized
는 React를 사용하여 대량의 데이터를 효율적으로 렌더링하기 위한 라이브러리로, 리스트나 그리드와 같은 컴포넌트에서 성능을 최적화할 때 유용합니다.
안드로이드의 “RecyclerView” 기능과 동일한 역할이라고 볼 수 있다.