# Context API

34개의 포스트
post-thumbnail

React: Context API

리액트를 다루는 기술 15장 : Context API

2021년 9월 14일
·
0개의 댓글
post-thumbnail

캠프 5주 1일차

정규표현식, 글로벌 스테이트 ,{props, data, prev}

2021년 8월 2일
·
0개의 댓글
post-thumbnail

TIL React | 회원가입/로그인 -1

오늘은 모든 홈페이지에는 거의 무조건 있다는 회원가입/로그인에 대해서 알아보겠다. 모든 홈페이지에서 회원가입/로그인 기능이 있기 때문에 비전공자 입장에서는 구현이 그리 어렵지 않을 거라 생각했지만....태초마을로 가서 회원가입/로그인의 초기부터 살펴보자.회원가입을 할

2021년 6월 7일
·
0개의 댓글
post-thumbnail

React Context + State = Constate 에 대하여

Constate는 어떤 라이브러리고, 왜 쓰는 것일까?

2021년 6월 4일
·
0개의 댓글
post-thumbnail

[react] Context API 사용하기

📌 참고 https://codingbroker.tistory.com/125 https://jcon.tistory.com/176 https://react.vlpt.us/mashup-todolist/02-manage-state.html 혹시나 제 글을 읽게 되신다면!

2021년 5월 26일
·
0개의 댓글

props없이 state값을 사용하게 된 건에 대하여 (context API)

컴포넌트 안에 컴포넌트 안에 컴포넌트 안에 컴포넌트 안에...(살려줘) 이렇게 컴포넌트가 여러 개 중첩되어 있으면 그만큼 props로 한 단계씩 state값을 전달하면 된다. 하지만 이 컴포넌트들끼리 서로 state값을 공유할 순 없는걸까? 그럴 땐 context AP

2021년 5월 6일
·
0개의 댓글
post-thumbnail

React Hooks :: useContext에 대해 알아보기 (Feat. Context API)

React의 내장 Hook 중 하나인 「useContext」에 대해 알아보며, 그와 함께 「useContext」의 기본 베이스가 되는 「Context」에 대해서도 공부해봅니다🤓

2021년 4월 30일
·
0개의 댓글
post-thumbnail

Context API에 대해 공부ㄱㄱ

Context API는 사용자 로그인정보, Application 환경설정, 테마 같이 프로젝트에서 전역적으로 사용할 데이터가 있는 경우 사용하면 유용한 기능이다.리액트에서는 데이터를 props로 전달하는데, 최상위 Component가 App이라서 전역적으로 데이터를 전

2021년 4월 28일
·
0개의 댓글

Context API, Redux, MobX 간단 비교

규모가 어느 정도 되는 서비스라면 중앙에서 관리해주는 저장소가 필수데이터들의 중앙 저장소 서비스의 규모가 작다.비동기 처리(요청, 성공, 실패)를 모두 구현컴포넌트에서 데이터 처리가 많아짐비동기 요청이 많다면, Redux나 MobX를 사용하자.데이터들의 중앙 저장소

2021년 4월 23일
·
0개의 댓글
post-thumbnail

React 상태 관리 Tool 사용 & 비교 - (Redux VS MobX VS Context API)

1. Context API https://ko.reactjs.org/docs/context.html#when-to-use-context https://www.youtube.com/watch?v=5LrDIWkK_Bc context는 React 컴포넌트 트리

2021년 4월 1일
·
0개의 댓글

React- 컴포넌트 간 통신 , Context API

컴포넌트 간 통신 컴포넌트를 많이 만들면 컴포넌트 안에서의 로직을 만드는 것도 중요하지만 컴포넌트 간에 통신하는 것도 골머리를 아프게 된다... > 프로젝트를 진행하면서 Atomic Design을 사용했었는데....힘든 기억이 새록새록 들었던 기억이 있다.. 하위

2021년 3월 28일
·
0개의 댓글
post-thumbnail

Redux 어떻게 써야 잘 썼다고 소문이 날까?

40% 이상의 개발자들이 리액트 프로젝트에서 사용하고 있는 리덕스(Redux), 더 잘 쓰는 방법을 알려드립니다. 리덕스 말고 다른 선택지, 그리고 리덕스를 사용 할 떄 알고있으면 유용한 팁들을 다룹니다.

2021년 1월 28일
·
19개의 댓글
post-thumbnail

React state 관리 Recoil 사용기

React에서 state를 관리하는 방법, 혹은 라이브러리들은 여러가지가 존재한다. 아주 대표적으로 Redux가 있으며 Mobx, Context API, Recoil 등 다양한 State 관리 방법들이 존대한다. 이렇게 다양한 관리 방법 중에서 어떤 것을 선택할지 결정

2021년 1월 25일
·
0개의 댓글
post-thumbnail

Context API로 전역상태 관리하기

리액트에서 제공하는 기술인 Context API를 통해서 전역상태해보자.물론 redux, mobx등 다양한 외부 라이브러리들이 존재하지만 리액트에서 권장하고 제공하는 Context API도 있으므로 알아놓자.컴포넌트에서 외부의 데이터를 받는방법으로는 props를 통해

2021년 1월 6일
·
0개의 댓글
post-thumbnail

🧐 상태 관리 뭐로 할까? Redux, Context API, MobX (영문)

In layman's terms, global state management allows data to be passed/manipulated among multiple components easily (breaking the chain of passing-props-

2020년 12월 29일
·
1개의 댓글
post-thumbnail

React Context API 개념

Context는 모든 레벨의 컴포넌트 트리에 props를 통하지 않아도 데이터를 전달할 수 있는 방법을 제공해줍니다.작은 프로젝트의 수준을 넘어서 꽤 규모가 있는 프로젝트를 만들고 싶거나 반복적으로 만들던 컴포넌트를 재사용 가능한 컴포넌트로 만들어 보고 싶다면 Cont

2020년 12월 18일
·
0개의 댓글
post-thumbnail

[JavaScript] context API와 redux? 차이점?

전역으로 상태 관리를 하기 위한 도구입니다. Redux는 리액트가 아닌 곳에서도 사용이 가능하지만, context API는 React에서만 사용이 가능합니다. 리덕스는 한개의 저장소를 가지지만 context API 여러 저장소가 존재할 수 있습니다.Redux는 cont

2020년 12월 9일
·
0개의 댓글
post-thumbnail

[Mobx] 리액트 Context API + Mobx

Mobx 공식 docs를 보면 리액트와 결합하는 방법은 총 세가지입니다. mobx store를 컴포넌트의 props로 넘긴다.import해서 전역 객체로 사용한다.React의 context API를 활용한다.이 중에 3번째 방법이 공식 문서에서 추천하는 best pra

2020년 12월 8일
·
0개의 댓글
post-thumbnail

글로벌하게 상태값을 관리해주는 Context API !!

안녕하세요.리액트에서 대표적으로 Context API와 Redux라는 걸로 글로벌하게 상태값을 관리 할 수있습니다.이번글에는 그중 Context API에 대해 알아보겠습니다.먼저,보통 일반적으로 상태값은 다른 컴포넌트에 넘길때 그 컴포넌트에 변수명과 상태값을 대입하여

2020년 11월 27일
·
0개의 댓글
post-thumbnail

Context API Store 분리, 합쳐서 사용해보기

Context API와 useReducer를 통해 상태관리를 할 수 있다. 이번 프로젝트는 Redux를 사용하지 않고 둘을 사용해서 적용하면서 해보고 사용을 하고 있었는데 처음에는 모든 state들을 하나의 store에 저장 해놓고 사용했다. 그리고 state Con

2020년 11월 10일
·
0개의 댓글