# 상태관리

24개의 포스트
post-thumbnail

React 클래스형 state vs 함수형 state

컴포넌트 선언 방식에는 2가지 방식이 있다.함수형 컴포넌트와 클래스형 컴포넌트클래스형 컴포넌트의 경우 state기능 및 라이프사이클 기능을 사용할 수 있고 임의 메세드를 정의할 수 있다.클래스형 컴포넌트에서는 render 함수가 꼭 있어야 하고, 그 안에서 보여 주어야

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개의 댓글
post-thumbnail

Flutter Provider

입사에 대비해서 전역상태 관리법에 대하여 공부를 진행하였다.ProviderBlocgetX

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

Redux toolkit 을 React에 적용하기 ep.1 (설치 및 api 설명)

공식문서 참고https://redux-toolkit.js.org/introduction/getting-started\[링크텍스트](https://redux-toolkit.js.org/introduction/getting-started)맨날 redux랑

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

[TIL] Router 부모-자식 상태 주고받기

React 상태관리를 이용해서 자식이 부모에게 데이터를 전달하는 방법은 미디엄 포스팅에서 작성했습니다. 이 포스팅이 위 링크와 다른점은 다음과 같습니다.1\. 함수 컴포넌트 사용2\. Router 사용매우 간단한 예제로 바로 알아보겠습니다. 포스팅에 필요하지 않은 모든

2021년 3월 31일
·
0개의 댓글

[Flutter] GetX를 통한 상태관리

GetX를 통한 상태관리에는 update를 통한 상태관리 Reactive한 상태관리 로 나눌 수 있는데 해당 내용을 정리해보았다. 1. 환경설정 pubspec.yaml파일에 해당 코드를 추가한다. get: ^버전 2. 설치 커맨드 창에서 > $ flutter pu

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

[말로 풀어쓴 React] 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기1

17.2.1 카운터 컴포넌트 만들기17.2.2 할 일 목록 컴포넌트 만들기 준비하17.3.1 counter 모듈 작성하기17.3.1.1 액션 타입 정의하기17.3.1.2 액션 생성 함수 만들기17.3.1.3 초기 상태 및 리듀서 함수 만들기17.3.2 todos 모듈

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

[React Redux] 리덕스 개발 전 알아둬야 할 기본 키워드

리덕스에서 액션은 무엇이 변화되었는지 알려주는 이벤트와 같습니다.아래와 같이 액션은 하나의 오브젝트로 정의가 됩니다.액션에서 type값은 필수적인 요소이며, payload와 같이 추가적인 필드를 추가할 수 있습니다.액션 생성 함수는 말 그대로 액션을 생성해주는 함수입니

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

[프로젝트 회고] React / Django SPA Website

React / Django SPA 웹사이트를 개발하며 겪었던 어려움을 극복해 봅시다.

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

내비게이션 상태 관리

인스타그램 내비게이션 이 이미지는 인스타그램 내비게이션이다. 이 내비게이션의 특징적인 점이 몇 가지 있는데, 클릭하면 페이지가 이동되거나 모달이 뜬다. 모달이 뜨는 경우 페이지가 이동하지 않기 때문에 마지막으로 이동한 페이지가 활성화 된 상태이다. 모달을 끌 경우

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

Redux 사용해보기

이번 글에서는 react에서 redux를 사용하는 방법에 대해서 알아보려고 한다. 먼저 CRA를 통해 redux와 react-redux 패키지가 포함된 채로 프로젝트를 시작할 수도 있고, 이미 진행 중인 프로젝트에 redux를 추가할 수도 있다. CRA를 통한 설치

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

Redux 사용해보기

이번 글에서는 react에서 redux를 사용하는 방법에 대해서 알아보려고 한다.먼저 CRA를 통해 redux와 react-redux 패키지가 포함된 채로 프로젝트를 시작할 수도 있고, 이미 진행 중인 프로젝트에 redux를 추가할 수도 있다.그리고 리덕스를 디버깅하기

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

Redux란?

리액트에서 global하게 상태를 관리해야할 때 편하게 해주는 몇 가지 라이브러리가 있다. (Redux, Mobx, Recoil 등)이 중 리액트에서 가장 많이 사용하는 상태관리 라이브러리 Redux에 대해서 알아보자.Redux가 등장하기 이전 프론트엔드에서 데이터 흐

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

[TIL] 상태관리, Local과 Store

누군가에게 이런 얘기를 들었던 적이 있다. React / Redux를 사용하면서 onChange같은건 하나 만들어놓고 가져와서 계속 사용할 수 있는거 아니야? 라고 생각했었다.React state는 컴포넌트 지역에서 저장되는 값으로 하위 컴포넌트에 props를 활용하여

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

StateManagement

React State의 불변성을 무시한 예시⭐️ Selected 배열을 다른 Component의 데이터와 취합해 BackEnd로 전달하기 위해 selected가 변경될 때마다 sessionStorage에 저장하는 function을 만들었다. 그런데 selected에 추가될 때는 잘 실행되던 function이 삭제할 때는 미동도 없는 현상이...? S...

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

[React]Redux란

[React]Redux란

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

TIL(20.05.01) redux

리액트에서는 상태와 속성을 이용한 컴포넌트 단위 개발 아키텍쳐 였지만 redux에서는 컴포넌트와 상태를 분리하는 패턴을 배운다. Redux는 React 없이도 사용할 수 있는, 상태 관련 라이브러리입니다.상태 관리 라이브러리가 왜 필요한지 이해할 수 있다.Redux

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

React에 Mobx 얹어서 로그인 구현해보기

아무래도 아직까지는 Mobx보다 Redux를 사용하는 사람들이 많아서 Mobx에 관한 자료가 적습니다.게다가 Mobx가 자유도가 높은 것인지 정형화 된 패턴이 보이지 않기도 하고, 리액트 Hook이 나오면서 클래스형 컴포넌트를 사용할 때와 Hook을 사용할 때 Stor

2020년 4월 27일
·
0개의 댓글