# context

Context와 API 연동하는 방법 !
컴포넌트에서 필요한 외부 데이터들은 컴포넌트 내부에서 useAsync 같은 Hook을 사용해서 작업하면 충분하지만, 가끔 특정 데이터들은 다양한 컴포넌트에서 필요하게 될 때도 있는데 (예: 현재 로그인 된 사용자의 정보 등,,) 그럴 때 Context를 사용하면 개발이
[Jetpack Compose] Activity 밖에서 context 전달하기
소셜 로그인을 구현하기 위해서 개발하던 중, context 때문에 화면 전환을 할 수 없는 상황에 놓였다.이번에 jetpack을 처음 써봐서 많이 해매었다.일단 이런 식으로 화면 전환을 위한 navigation 작업을 해주고, NavHost에서 화면을 정의할 때, 파라
[Flutter] Scroll Focus (Scroll To Index) 만들어 보기
Scroll Focus (Scroll To Index) 만들어 보기 scrolltoindex | Flutter Packages english_words | Dart Package 이번 글에서는 Scroll 포커싱에 대해서 작성해보도록 하겠다. 해당 작업과 동일하게

React Context
context는 React 컴포넌트 트리 안에서 전역적(global)이라고 볼 수 있는 데이터를 공유할 수 있도록 고안된 방법입니다. 예시 위 이미지처럼 컴포넌트 트리가 있다고 가정해본다. 만약 A-1에서 A-2로 상태값을 공유해야 한다면 A-1의 state를 A
Reducer 와 Context 를 같이 써보자 - new 리액트 공식문서
reducer : state 업데이트 로직을 통합 context : 깊은 하위 컴포넌트에 정보 넘겨줌 둘을 같이 쓰면 무적의 state 관리자가 되겠지요? > ### 이 문서에서는 reducer와 context 같이 쓰기 props로 state 넘기고 dispatc
[Android] Context에 대하여
말 그대로 애플리케이션의 맥락(context), 즉 현재 상태를 의미한다.Context 클래스는 추상 클래스로 되어있고, Application, Activity, Service는 이 Context를 상속받아 Context의 기능들을 이용한다.🧐 그래서 context로
[JS]실행 컨텍스트
Excution Context(실행 컨텍스트) 란? > 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체다 자바스크립트 코드를 실행하면 전역 컨텍스트가 Call Stack에 담기게되고 실행중 우리가 작성한 함수나 객체 등 을 만나면(선언 될때가 아닌
Context로 깊게 데이터 넘겨주기 - NEW 리액트 공식문서
보통 부모에서 자식 컴포넌트로 정보를 넘겨줄 때는 prop을 사용한다. 그러나 props는 때로 귀찮아진다. 부모 - 자식 컴포넌트 사이에 3개 - 4개 컴포넌트가 끼어 있는 경우 (고조할아버지 컴포넌트 ?), 같은 정보를 아주 많은 컴포넌트가 공유하고 있어야 할 경우
리액트 소스코드 뜯어보기 #2 (Context)
react/packages/react/src/ReactContext.js'Context'객체는 React 컴포넌트 트리 안에서 전역적으로 사용할 수 있는 값을 제공한다.여러 컴포넌트 사이에서 공유할 수 있도록 해준다.이를 이용하면 중첩된 컴포넌트를 거치지 않고도 원하는
[Today I Learned]리액트 context api 활용법
context API?? react에서 데이터를 다루는 방법으로는 Props, state가 익숙할텐데 추가로 Context 가 있다고 한다. 보통 상태관리 라이브러리를 사용 안할시에는 Props와 State를 사용하게 되면 부모 컴포넌트에서 자식 컴포넌트, 즉, 위에서 아래로만 한쪽으로 데이터가 흐르게 된다. 이것의 문제점으로 알다시피 props drill...

[RecyclerView] Click Event
😄리사이클러뷰 클릭 이벤트😄 리사이클러 뷰를 만들면 아래 그림과 같이 뷰가 완성됩니다. 여기서 orer, name 에는 movie.kt(클래스 파일)에서 지정한 Text들이 들어가겠죠?? 그 코드가 onBindViewHolder()에서 아래 코드입니다. 여기

#8. useContext? context API는 그럼 뭐지....?
리액트는 여러개 컴포넌트로 구성됨 (트리형태)데이터 흐름은 상위컴포넌트(부모컴포넌트)에서 하위컴포넌트(자식컴포넌트) 즉, 위에서 아래로 데이터를 내려주는 형태최상위 컴포넌트(App)에 전달하고자 하는 state data를 두고, 그 F컴포넌트와 I컴포넌트에 데이터 값을
[TIL] - context
= 무언가(action) 하기 위한 정보= 필수 컨텍스트, 선택 컨텍스트프로그래밍에서 context란.?= 전역 컴포넌트에서 사용 가능한 매개 변수= context 이용시 루트에서 최하위 컴포넌트까지 데이터 한 번에 전달 가능 useContext 사용법 및 예제

지하 속에 있는 자식에게 props 전달하기 with Context
Lifting state up and Prop drilling 우리는 컴포넌트를 계층적으로 만들 수 있고, 자식 컴포넌트에 state나 props를 전달할 수 있다. 그리고 많은 컴포넌트에서 공통의 state 관리를 위해 lifring state up이라고 불리는 상

[React] Context
Context란 무엇인지, Context API에 대해 학습하고 Context를 사용하여 테마 변경 기능을 만드는 실습을 통해 Context에 대해 알아보자!

React로 토스트 알람(Toast Notification) Provider 만들어보기
위 사진에서 UI를 담당하는 Notification Component가 아니라 이를 구현하기 위한 Provider를 만들 예정이다.필요한 기능들은 아래와 같다.1\. 토스트기능2\. Auto dismiss on/off 기능3\. dismiss ms 설정 기능4\. su

Context API를 사용한 전역 값 관리
Context API를 사용하여 전역 값을 관리하는 방법을 알아보자.먼저 ContextSample.js를 생성하여 아래 처럼 작성해 보자.내가 원하는건 위코드 ContextSample에서 Child로 바로 주는 것이다.이때 사용하는것이 Context이다. 그럼 아래처럼