# context
React 전역상태 관리
"어플리케이션의 화면에 영향을 끼치는 자바스크립트 객체" 라고 생각하면 된다. 보통은 이를 통칭해 "변화하는 데이터" 라고 일컫는다.지역상태 (Local State)컴포넌트간의 상태 (Cross Component State)전역상태 (Global State)특정 컴포
Context Api를 활용한 자산 목록 페이지 만들기
Context Api를 활용해서 가상자산, 주식, 지수 등의 정보를 보여주는 테이블을 만들고자 합니다. 헤더의 필터링 기능을 전역 상태 관리로 구현할 수 있습니다.
Context API를 사용한 상태관리
Context API는 리액트에서 상태(state)를 전역적으로 관리하기 위한 방법 중 하나입니다. 이를 이용하면 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 필요 없이, 어떤 컴포넌트에서든 값을 공유할 수 있습니다.
React Context 개념과 랜더링 + useMemo로 렌더 최적화 하기🧐
컨텍스트(Context) 객체는 React 애플리케이션에서 데이터를 전역적으로 공유하기 위한 메커니즘을 제공하는 객체입니다. 이 객체를 사용하면 중간 컴포넌트를 거치지 않고 컴포넌트 간에 데이터를 전달할 수 있습니다.컨텍스트 객체는 React.createContext
[Next.js] useRouter와 context
컴포넌트 안에서는 useRouter를 사용하여 url의 값을 받아올 수 있다.getStaticProps 함수 안에서는 이처럼 context를 사용하여 값을 받아올 수 있다.
Dockerfile 빌드
Dockerfile로 이미지를 생성하는 방법과, 생성된 이미지로 컨테이너를 실행하는 방법, 그리고 빌드 컨텍스트와 .dockerignore 파일에 대한 설명이 담긴 문서입니다.
[성능개선] 상-하위 컴포넌트끼리 발생하는 리렌더링
1. context를 무분별하게 사용하지 말기, 2. 상태값은 하위로 내릴 수 있을 만큼 내리기, 3. 약간의 context, reducer 사용법을 알 수 있습니다
Button으로 Drawer열기
AppBar를 커스텀으로 정의하였다. Appbar처럼 보이는 Container이다. 여기의 메뉴 버튼으로 Drawer을 열어보자.
전역상태 무엇을 쓸까? Recoil과 context의 비교
Context와 Recoil은 React에서 상태 관리를 위한 라이브러리이며, 둘 다 컴포넌트 간에 상태를 전달하고 공유하는 방법을 제공합니다. 따라서 두 라이브러리를 함께 사용하는 것이 가능하며, 특정한 경우에는 유용할 수 있습니다. Context는 컴포넌트 트리
useContext
context란? > App 안에서 전역적으로 사용되는 데이터들을 여러 컴포넌트들 끼리 쉽게 공유할 수 있는 방법을 제공한다. 일반적으로 우리는 컴포넌트 간에 데이터를 전달할 때, 오직 props를 통해 부모 컴포넌트에서 자식 컴포넌트로(위에서 아래로)만 전달 할 수
context API
상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때, 속성값이 사용되는데 가까운 거리에 있는 몇 개의 하위 컴포넌트로 전달할 때는 속성값으로 충분하다. 하지만, 부모 컴포넌트와 가장 말단에 있는 컴포넌트 사이에 수천개의 컴포넌트가 있는 경우, 속성값을 내려주는 코드를
Context와 API 연동하는 방법 !
컴포넌트에서 필요한 외부 데이터들은 컴포넌트 내부에서 useAsync 같은 Hook을 사용해서 작업하면 충분하지만, 가끔 특정 데이터들은 다양한 컴포넌트에서 필요하게 될 때도 있는데 (예: 현재 로그인 된 사용자의 정보 등,,) 그럴 때 Context를 사용하면 개발이
[Jetpack Compose] Activity 밖에서 context 전달하기
소셜 로그인을 구현하기 위해서 개발하던 중, context 때문에 화면 전환을 할 수 없는 상황에 놓였다.이번에 jetpack을 처음 써봐서 많이 해매었다.일단 이런 식으로 화면 전환을 위한 navigation 작업을 해주고, NavHost에서 화면을 정의할 때, 파라