# 상태관리

16개의 포스트

[말로 풀어쓴 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개의 댓글
post-thumbnail

MobX with React - 환경 구축과 적용

환경 구축에 앞서 MobX의 기능 중 하나인 데코레이터(@)를 이용해서 적용하는 코드는 create-react-app 에서 공식적으로 지원하는 메서드가 아니에요.

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

MobX with React - 개요

리액트에서는 화면 안에서 값이 변하는 값들이나, 변화를 유발하는 변수들을 class 컴포넌트의 경우 state로 관리합니다. 그러나 state관리가 굉장히 불편하고 오류도 많아 상태 관리 라이브러리들을 사용하곤 합니다. 저는 MobX를 선택했네요.

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

불변성 유지 (in 리액트 state, 리덕스 store) - FE study14

1. 상태관리에서 불변성을 유지하는 이유 1-1. 리액트, 리덕스 재랜더링 방식 리액트, 리덕스는 setState, dispatch 되었을 때 재렌더링(re-rendering)이 발생함 불필요한 재렌더링을 피하기 위해 shouldComponentUpdate, useCallback(react-hooks)를 씀. 이 메소드는 state와 props 의 변화를...

2020년 1월 23일
·
0개의 댓글
post-thumbnail

상태 관리 라이브러리의 미학: Redux 또는 MobX 를 통한 상태 관리

리액트 생태계에서 사용되는 상태 관리 라이브러리는 대표적으로 Redux 와 MobX 가 있습니다. 이 둘의 특징을 배워보고 직접 사용하면서 알아가봅시다. 상태 관리 라이브러리의 필요성 상태 관리 라이브러리란게, 과연 필요할까요? 무조건 필요하지는 않습니다. 하지만 한가지는 확실합니다. 규모가 큰 앱에선 있는게, 확실히 편합니다. 제가 존경하는 개발자이면...

2018년 9월 8일
·
3개의 댓글