# Context API

96개의 포스트

Context API에 대해 설명해주세요

Context API에 대해 설명해주세요 Context API란? Context API는 React에서 상태나 데이터를 전역적으로 공유하기 위한 메커니즘을 제공하는 기능입니다. Context를 사용하면 상위 컴포넌트에서 하위 컴포넌트로 데이터를 props로 전달하지

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

상태관리 라이브러리

상태관리 라이브러리 리덕스 공부하면서 상태관리 라이브러리에 대해서도 정리하게 되었다. 상태관리 라이브러리에 대해 알아보자 What - 상태관리 라이브러리란 무엇인가 이름 그대로 상태를 관리하는, 즉 state 관리를 목적으로 하는 라이브러리이다. Why - 상태관

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

전역 관리 코드 실습: Context API 🛶

장바구니 수량과 결제 금액/목록을 리액트 context API로 관리해보자

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

Context API의 최대 단점은 무엇일까

이번 시간에는 Context API에 대해 좀 더 자세히 알아보고 왜 Context API 대신 Redux나 Recoil 같은 전역 상태 라이브러리를 많이 사용하는지 알아보도록 하겠습니다.

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

[35] React - Context API

컴포넌트간 데이터를 전달할 수 있게 돕는 Context API

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

[React] Context API

🌱 Intro > 일반적으로 데이터는 Props을 통해 컴포넌트에 전달 되는데 항상 문제가 되는 건 state를 여러 컴포넌트를 통해 전달하는 경우이다. 즉 기본적으로는 Props을 활용해 다른 컴포넌트에 데이터를 전달한다. 상위 컴포넌트의 데이터를 하위 컴포넌트가

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

[React]-Context API를 사용해보자!

우산 씌워주러 가보자고!!

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

[react] Context API

Context API

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

Context API

Context API

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

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

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

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

[React Native] props drilling 막는 방법, 글로벌 상태 관리 Context ?

👉🏻 전일에 이어 로그인 여부에 따라 화면을 다르게 보여주는 부분에 있어, props drilling을 막고 데이터를 전달하는 방법으로 구현하기 위해 수정이 필요해보였다.그 과정에서 Context에 대해 학습이 필요했고, Context를 사용하여 수정한 내용을 정리

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

Context API 를 사용한 전역 값 관리

Context API 사용 방법 간단 요약

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

[React & Context API] 리액트에서 Context API 구현하기

React에서 각기 다른 컴포넌트에서 데이터가 필요하다면 부모 컴포넌트에서 데이터를 관리하고 각 자식 컴포넌트에 props로 데이터를 넘겨줘야 한다. 이때 데이터가 바뀐다면 모든 경로에 데이터를 보수해줌으로써 유지보수가 용이하지 않다.또한, 가장 상위의 컴포넌트에서 가

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

Context API 사용한 전역 값 관리

벨로퍼트와 함께하는 모던 리액트 내용을 정리한 내용입니다.아래처럼 특정 함수를 전달하는 용도의 중간다리 역할을 하는 컴포넌트가 있을 수 있습니다. 이런 전달이 여러번 되는 것을 방지하고자, Context API 를 사용해 전역적으로 상태를 관리할 수 있습니다. 상태가

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

TIL.23.01.03. - Context API

State Management in React | Context API useContext | React Tutorials for Beginners 공유할 state를 context 폴더 속에 하나의 모듈로 만들어줍니다. 2가지를 내보냅니다. DataProvider

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

Recoil을 사용하자..

Recoil은 React를 위한 상태관리 라이브러리이다.🤔 Recoil은 context-api의 단점인 provider로 감싸진 부분의 업데이트가 되지 않은 state에도 리렌더가 일어나는 점을 보완해서, 업데이트된 state 부분만 리렌더를 해준다...

2022년 12월 4일
·
0개의 댓글
·
post-thumbnail

[221121] 오늘의 배움(TIL) - Styled Components / React

✍ 22년 11월 21일 공부한 내용 정리

2022년 11월 24일
·
0개의 댓글
·

useEffect 의존성 배열 & Context API

의존성 배열과 Context API

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

React - Context API

props 등록하기 귀찮을 때 컴포넌트 생성 시 props 작성이 귀찮다면 컴포넌트 매개변수로 {사용할 props, 사용할 프롭스} 넣을 수 잇다. 많은 중첩이 이루어질 경우에 props를 반복하여 사용해야하기때문에 효율이 좋지 않습니다. 이 경우에 사용할 수 있는

2022년 11월 1일
·
0개의 댓글
·

Context API - (2)

이번에는 동적 Context를 사용하는 방법에 대해서 알아본다!이전에 만들었던 ColorContext 컴포넌트를 수정한다.기존에는 ColorContext를 사용해서 Provider 컴포넌트를 직접 사용하는 방식이었다면 이번에는 ColorProvider라는 컴포넌트를 만

2022년 10월 30일
·
0개의 댓글
·