# 상태관리

44개의 포스트

Redux는 왜 쓰는거야

- Redux 구성요소 store : redux의 상태값을 갖는 객체 (전체 상태값은 오직 하나, store 객체 1개 뿐이다. readOnly) action : state를 변경시킬 행동 reducer : action이 발생했을 때 상태를 변경시킬 함수 (*순수함수

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

Notion Clone 내맘대로 상태관리론

처음에는 각자의 컴포넌트가 필요한 상태만을 보유하는 방식이 메모리적으로 효율적이라고 생각해 각각의 Component에서 상태관리 및 필요한 정보를 api로부터 fetch하도록 코드를 진행했다.하지만 이렇게되면 각각의 컴포넌트가 어떤 특정한 상태를 공유하고 있다면, 한

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

[Redux] redux 기본 - 상태관리의 개념

아래 기술하는 Redux state의 3가지 원리는 단순히 redux 상태관리에 적용되는 걸 넘어, React hooks 등과 같은 상태관리에도 적용될 수 있는 항목임을 기억한다.redux에서 저장되는 data는 유일하게 store에서만 저장되고 활용할 수 있다."상태

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

React에서 Redux를 사용해보기

- https://maaani.tistory.com/153 import 제대로 연결 안됬을 때 오류 해결법 Redux 구성요소 1. Action 상태에 어떤 변화가 필요할 때 발생시킬 객체들. 액션객체에는 type필드를 필수로 갖고 있어야 하며, 통상적으로 대문자로

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

상태관리 Redux <리덕스>

상태관리 라이브러리 중 하나로, 단 방향 데이터 흐름flux을 제공한다.여러 컴포넌트에서 상태를 공유 하고자 하기 때문!각 컴포넌트에 종속되어 있는 State는 굳이 리덕스 스토어로 관리할 이유는 없습니다!!dispatch(action) => middleware =>

2021년 8월 21일
·
0개의 댓글

8월 12일 목요일 TIL

함수(or Component)의 입력 외에도 함수의 결과에 영향을 미치는 요인네트워크 요청 (backend API request)상태를 다룰 때 주요 고려대상이다.불가피한 Side Effect와 상태 장바구니 데이터가 서버에 있다면, 네트워크 요청 때문에 지연될 수 있

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

TIL86.useSelector, useDispatch, useCreate

selector 알아보자

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

React에서 Axios 사용하기

axios를 사용해서 GET, PUT, POST, DELETE 등의 메서드로 API 요청이 가능합니다. 각각의 기능은 다음과 같습니다.GET: 데이터 조회POST: 데이터 등록PUT: 데이터 수정DELETE: 데이터 제거config 설정을 axios()에 전달하여 요청

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

TIL85.Redux Toolkit

리덕스를 편리하게 사용할 수 있게 도와주는 🎁종합선물세트 '리덕스 툴킷'에 대해 알아보자.리덕스를 사용하다보면 액션타입,액션생성함수, 리듀서 등 반복되는 코드,즉 보일러플레이트 코드때문에 피로감을 느낄 수 있다.이때 리덕스 툴킷을 사용하면 코드를 좀 더 간결하게 만들

2021년 7월 13일
·
0개의 댓글

[NGXS] Store

Store Store는 Actions을 dispatch를 듣고, Global State에서 데이터를 select 할 방법을 제공하는 Global State Manager이다 Actions 만들기 Actions을 dispatch하기 store을 사용할 compon

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

[flutter-getX] 페이지 넘어갈 때 데이터 값 여러개 넘겨주기

getX를 이용하여 다른 페이지에 여러개의 데이터 값을 넘겨주는 방법

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

TIL84. 리덕스 미들웨어

'리덕스 미들웨어'를 사용해서 비동기 작업을 처리해보자. 리덕스 미들웨어란? 미들웨어는 액션과 리듀서 사이의 중간자로, 액션을 디스패치했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업들을 실행할 수 있게 해준다. 리덕스는 액션 객체가 생성되고, 디스패치를

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

Redux

Redux는 React에서 Component와 상태를 분리하고 관리하는 패턴을 사용 할 수 있다.redux는 React의 상태관리 라이브러리가 아니다. React가 없어도 ReduxReact에서는 (Stata)상태 관리를 Class Component안에서 관리한다.형제

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

Recoil ⚛️ 상태관리를 사용하는 이유

이전에 프로젝트를 시작하기 전에 상태관리에 관한 개념이 없었다.그래서 MobX에 대한 개념을 공부한 적이 있지만, 더 간편하고 많이 쓰이기 시작한다는 Recoil을 사용하기로 했었다. 그런데 초기셋팅은 해두었지만 마음이 급해 그냥 state를 쓰다가 문제를 해결하기 위

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

Redux

Why Redux? 자바스크립트 싱글 페이지 어플리케이의 복잡도가 증가하고 있습니다. 다뤄야 할 기능이 많고 보여줘야 할 UI가 늘어만 갑니다. 이 말은 다시 말하자면 관리해야할 '상태'가 무수히 많아 진다는 의미입니다. 기능이 추가되면 상태를 사용해야할 컴포넌트

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

MobX

기업협업을 시작하고 상태관리 라이브러리를 한가지 적용해보려고 한다.그 과정에서 MobX를 조금 배우고있는데 Recoil로 할 것 같지만 배운 김에 조금 정리를 해볼 것이다.MobX를 배우게 된 이유상태관리 라이브러리 중 가장 많이 쓰이고 유명한 것을 Redux이다. 그

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

[React] 클래스형 state vs 함수형 state

React 클래스형 state vs 함수형 state에 대하여 알아보자

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

챗봇 만들기 - 상태관리

저번 단계 까지 해서 내가 원하는 영화관의 영화제목별 시간까지 모두 완성을 했다.단순한 큰 FLOW는 완성을 하다보니 단순하게 사용자와 원하는 대답들만들 얻을 수 있으면 여기서 완성시킬 수 있었다.하.지.만Chatbot을 사용하는 사용자가 우리가 원하는 대로 답변을 항

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

Flutter Bloc

최근 스타트업에 지원하였는데, Flutter BLOC 패턴을 사용한다 하여 공부를 진행하였다.ProviderBlocgetXhttpRxDartui적으로 보여지는 부분만 코딩bloc을 통해 데이터를 가져옴ui에 데이터를 전달하는 역할API,DB를 활용하여 데이터를 직접적으

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