# Context API

51개의 포스트

React 컴포넌트 간 통신

오늘은 컴포넌트 간의 통신방법과 전역에서 값을 전달 해줄수 있는 Context API에 대해서 정리하려고 한다. 위의 코드를 보면 useState()를 통해 넣어준 상태 값을 props를 통해 한층 한층 컴포넌트 사이에서 내려주는데, 이는 매우 불편하다. 특히 복잡한

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

Context API

컴포넌트가 중첩되있을 경우 기존과 같이 props를 통해 상태 데이터를 전달할 때에 여러번 거쳐서 전달할 필요없이 전역적으로 상태 데이터를 사용하게 해주는 API이다.기존과 같은 경우에는 컴포넌트가 여러개 중첩되있을 경우 최상위 컴포넌트에서 상태를 입력한다.해당 sta

2022년 1월 15일
·
0개의 댓글
post-thumbnail

Context API

모든 페이지에 있는 어떤 컴포넌트에서든 사용이 가능하다.createContext 라는 함수를 불러와서 실행시키면 비어있는 context가 반환된다.const Usercontext = createContext()이 값을 export 시켜준다.그다음은 이 Context에

2022년 1월 10일
·
0개의 댓글
post-thumbnail

React Hooks:: useContext()로 상태 관리하기

Context API 로 상태 관리하기

2021년 12월 16일
·
0개의 댓글
post-thumbnail

Context API 사용후기

Context API는 상태관리도구가 아니다 흔히 상태관리도구로 알려진 Redux와 Mobx는 Context API와 결이 다르다. Context API의 경우, 1)

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

[개발일지] 리팩토링 세 번째 - 새로운 채팅방

메신저 어플리케이션을 리팩토링하면서 공부한 내용들을 정리해보았습니다.

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

TodoList 만들기 : 3

우리가 현재 TodoList를 만들기위해 컴포넌트에서 props를 통해 각각 상태관리하고 있는 관계도를 보면넘겨주고~ 넘겨받고~ 굳이 여기서 사용하지 않아도될 것인데 들어가야하고 등등불필요한 과정과 요소가 들어가있다이 과정을 줄이고 명료하게 해결할수 있는것이 바로 co

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

[개발일지] TypeScript, Flux 패턴을 적용한 리팩토링을 하고,,,

기존 어플리케이션을 리팩토링 해보면서 공부했던 것들에 대해 회고해보았습니다.

2021년 11월 20일
·
2개의 댓글

[개발일지] Context API, Custom Hooks in React

리액트의 상태관리 방법중 하나인 Context API, 그리고 이와 관련한 Custom Hooks의 사용법에 대해 공부해보았습니다.

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

TIL 32 | 전역 상태관리

Redux vs Mobx vs Recoil

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

Context API

Context API 기본적인 사용법 정리

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

Context API

Context API 사용법

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

Context API

Context API를 통해서 props를 쓰지 않고 데이터를 넘겨주고 넘겨받는걸 설명

2021년 10월 2일
·
0개의 댓글

[TIL] 10월 1일 Context-API, GlobalState

Props에 대해서폴더구조를 나눈 다음부터 주로 자식요소에서 주로 props로 부모요소로 부터 전달받아 사용을 많이 하였는데 이부분에서 비효율적인 부분이 있다.index에서 정의한 함수를 presenter 파일에서 사용하고 싶다면 아래와 같은 props 과정을 거쳐야

2021년 10월 2일
·
0개의 댓글

Context API 를 사용한 전역 값 관리

아래 코드를 보면 App 컴포넌트에서 , , 가 구현되어 있고, 이 함수들은 UserList 컴포넌트를 거쳐 각 User 컴포넌트들에게 전달되고 있다. 여기서 UserList 컴포넌트의 경우, 해당 함수들을 직접 사용하지 않고 함수들을 전달하기 위한 중간다리 역할만

2021년 10월 2일
·
0개의 댓글

[React] 상태관리(1) - Recoil 편

개인적으로 요즘 조급함이 생겨 학습한 것들에 대한 정리를 별도로 하질 못했었다. react--> react-native로 사용 스택이 변경되면서 정리까지 해가며, 학습할 마음이 없었달까.. 무튼 각설하고 나는 recoil, redux(thunk), Context A

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

[Context-API] Context-API 개념 각인

Context-API는 Redux보다 개념이 직관적이고, 기존의 React 개발을 경험한 사람이라면 쉽게 쓸 수 있을 것이라고 생각한다.

2021년 9월 28일
·
0개의 댓글
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개의 댓글