# context

159개의 포스트
post-thumbnail

Context와 API 연동하는 방법 !

컴포넌트에서 필요한 외부 데이터들은 컴포넌트 내부에서 useAsync 같은 Hook을 사용해서 작업하면 충분하지만, 가끔 특정 데이터들은 다양한 컴포넌트에서 필요하게 될 때도 있는데 (예: 현재 로그인 된 사용자의 정보 등,,) 그럴 때 Context를 사용하면 개발이

약 2시간 전
·
0개의 댓글
·

[Jetpack Compose] Activity 밖에서 context 전달하기

소셜 로그인을 구현하기 위해서 개발하던 중, context 때문에 화면 전환을 할 수 없는 상황에 놓였다.이번에 jetpack을 처음 써봐서 많이 해매었다.일단 이런 식으로 화면 전환을 위한 navigation 작업을 해주고, NavHost에서 화면을 정의할 때, 파라

약 16시간 전
·
0개의 댓글
·

[Flutter] Scroll Focus (Scroll To Index) 만들어 보기

Scroll Focus (Scroll To Index) 만들어 보기 scrolltoindex | Flutter Packages english_words | Dart Package 이번 글에서는 Scroll 포커싱에 대해서 작성해보도록 하겠다. 해당 작업과 동일하게

2일 전
·
0개의 댓글
·
post-thumbnail

React Context

context는 React 컴포넌트 트리 안에서 전역적(global)이라고 볼 수 있는 데이터를 공유할 수 있도록 고안된 방법입니다. 예시 위 이미지처럼 컴포넌트 트리가 있다고 가정해본다. 만약 A-1에서 A-2로 상태값을 공유해야 한다면 A-1의 state를 A

6일 전
·
0개의 댓글
·

Reducer 와 Context 를 같이 써보자 - new 리액트 공식문서

reducer : state 업데이트 로직을 통합 context : 깊은 하위 컴포넌트에 정보 넘겨줌 둘을 같이 쓰면 무적의 state 관리자가 되겠지요? > ### 이 문서에서는 reducer와 context 같이 쓰기 props로 state 넘기고 dispatc

6일 전
·
0개의 댓글
·

[Android] Context에 대하여

말 그대로 애플리케이션의 맥락(context), 즉 현재 상태를 의미한다.Context 클래스는 추상 클래스로 되어있고, Application, Activity, Service는 이 Context를 상속받아 Context의 기능들을 이용한다.🧐 그래서 context로

2023년 3월 16일
·
0개의 댓글
·

[JS]실행 컨텍스트

Excution Context(실행 컨텍스트) 란? > 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체다 자바스크립트 코드를 실행하면 전역 컨텍스트가 Call Stack에 담기게되고 실행중 우리가 작성한 함수나 객체 등 을 만나면(선언 될때가 아닌

2023년 3월 14일
·
0개의 댓글
·

Context로 깊게 데이터 넘겨주기 - NEW 리액트 공식문서

보통 부모에서 자식 컴포넌트로 정보를 넘겨줄 때는 prop을 사용한다. 그러나 props는 때로 귀찮아진다. 부모 - 자식 컴포넌트 사이에 3개 - 4개 컴포넌트가 끼어 있는 경우 (고조할아버지 컴포넌트 ?), 같은 정보를 아주 많은 컴포넌트가 공유하고 있어야 할 경우

2023년 3월 13일
·
0개의 댓글
·

리액트 소스코드 뜯어보기 #2 (Context)

react/packages/react/src/ReactContext.js'Context'객체는 React 컴포넌트 트리 안에서 전역적으로 사용할 수 있는 값을 제공한다.여러 컴포넌트 사이에서 공유할 수 있도록 해준다.이를 이용하면 중첩된 컴포넌트를 거치지 않고도 원하는

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

Socket.io를 이용한 실시간 채팅구현 - 코드편

프로젝트에서 실시간 채팅을 구현했던 코드

2023년 3월 6일
·
0개의 댓글
·

[Today I Learned]리액트 context api 활용법

context API?? react에서 데이터를 다루는 방법으로는 Props, state가 익숙할텐데 추가로 Context 가 있다고 한다. 보통 상태관리 라이브러리를 사용 안할시에는 Props와 State를 사용하게 되면 부모 컴포넌트에서 자식 컴포넌트, 즉, 위에서 아래로만 한쪽으로 데이터가 흐르게 된다. 이것의 문제점으로 알다시피 props drill...

2023년 2월 27일
·
0개의 댓글
·
post-thumbnail

[RecyclerView] Click Event

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

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

#8. useContext? context API는 그럼 뭐지....?

리액트는 여러개 컴포넌트로 구성됨 (트리형태)데이터 흐름은 상위컴포넌트(부모컴포넌트)에서 하위컴포넌트(자식컴포넌트) 즉, 위에서 아래로 데이터를 내려주는 형태최상위 컴포넌트(App)에 전달하고자 하는 state data를 두고, 그 F컴포넌트와 I컴포넌트에 데이터 값을

2023년 2월 13일
·
0개의 댓글
·

[TIL] - context

= 무언가(action) 하기 위한 정보= 필수 컨텍스트, 선택 컨텍스트프로그래밍에서 context란.?= 전역 컴포넌트에서 사용 가능한 매개 변수= context 이용시 루트에서 최하위 컴포넌트까지 데이터 한 번에 전달 가능 useContext 사용법 및 예제

2023년 2월 6일
·
0개의 댓글
·

[React] 리덕스와 context 차이점과 사용하는 곳

리덕스와 context 차이점과 사용하는 곳

2023년 2월 5일
·
0개의 댓글
·
post-thumbnail

지하 속에 있는 자식에게 props 전달하기 with Context

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

2023년 2월 4일
·
0개의 댓글
·
post-thumbnail

[React] Context

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

2023년 1월 24일
·
0개의 댓글
·
post-thumbnail

React로 토스트 알람(Toast Notification) Provider 만들어보기

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

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

Context API를 사용한 전역 값 관리

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

2023년 1월 5일
·
0개의 댓글
·

OS Interview

면접 대비 [운영 체제] 핵심 정리

2023년 1월 2일
·
0개의 댓글
·