# state management

34개의 포스트
post-thumbnail

(번역) 리액트와 함께 일반적으로 사용되는 라이브러리들

리액트를 처음 사용하는 경우, 함께 사용하는 라이브러리가 너무 많아서 압도될 수 있습니다. 이 글에서는 여러분이 방향을 잘 잡을 수 있도록 라이브러리들에 대한 간략한 요약을 제공합니다.

2023년 2월 23일
·
3개의 댓글
·
post-thumbnail

[ReactJS_MasterClass] #6 STATE MANAGEMENT (2)

✍6.11 Add To Do TODO interface를 만드는데, 명시된 string 만을 가질 수 있다고 설정 해줄 수 있다. ✍6.12 Refactoring CreateToDo, ToDo, ToDoList로 컴포넌트를 분리 key 에러를 해결하기 위해 ToDo

2023년 2월 2일
·
0개의 댓글
·

React Recoil 및 Recoil 비동기 처리

프론트엔드에 동적으로 표현되는 데이터이다. state는 부모 컴포넌트 -> 자식 컴포넌트로 prop으로만 전달이 가능하다.A -> B -> C -> D의 구조에서 A의 state를 D에서 사용하려면 B, C는 그 state를 사용하지 않더라도 props로 A -> B

2023년 1월 11일
·
0개의 댓글
·
post-thumbnail

Vue.js의 새로운 상태 관리 라이브러리 Pinia

현재 Vue2를 기반으로 만들어진 기존 레거시 프로젝트를 Vue3로 마이그레이션 하는 작업을 진행중이다. 이 과정에서 자연스럽게 기존에 사용하던 상태 관리 라이브러리도 Vuex에서 Pinia로 변경하는 작업을 진행중이다. 그 과정에서 Pinia의 핵심을 정리해보고 Vu

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

React-Query(우아한 세미나 정리)

상태란?상태 관리가 필요한 이유주문 팀의 고민 및 해결React Query 살펴보기3가지 core 컨셉캐싱 및 동기화마무리상태관리하면 떠오르는 것 = 라이브러리 → 추상적라이브러리 = Redux, MobX, Recoil주어진 시간에 대해 시스템을 나타내는 것 → 언제든

2022년 9월 4일
·
0개의 댓글
·
post-thumbnail

[react] 상!태!관!리! Zustand 를 아십니까?

정말 쉬운 리액트 전역상태관리! 프로젝트 한다고? 뭐 새로 배울 시간이 없다고? 무조건 사용해보자. zustand! 주토피아 아님

2022년 9월 2일
·
2개의 댓글
·
post-thumbnail

(번역) Vuex와 비교한 Pinia의 장점

왜 Vuex 대신 Pinia를 사용해야 하는지, 그리고 어떻게 Pinia를 사용해야 하는지 알고 계신가요? 이 글에서는 Vuex와 Pinia의 경쟁에서, 왜 Pinia가 Vue 앱 상태 관리의 분명한 승자인지를 설명하려고 합니다.

2022년 8월 23일
·
3개의 댓글
·
post-thumbnail

flutter의 다양한 상태관리 라이브러리

출처\[Flutter Festival GDG Songdo] GetX, provider, bloc 패턴 비교 분석 - 유병욱간단한 Counter를 구현하여 총 5가지 코드 비교Plain(Stateful Widget)Bloc (with Cubit)ProviderGetXri

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

redux

리덕스는 상태관리 라이브러리 중 하나로 여러 가지 상태관리 라이브러리 중 가장 많이 사용되고 있다.리덕스는 Store(스토어)라는 변수를 이용하여 전역 상태관리를 하게 된다.전역으로 상태를 관리하기 때문에 props <-> state를 통해 부모 컴포넌트에서 자식

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

[Flutter] Riverpod 으로 상태 관리 하기 3

드디어 riverpod 에 대한 마지막 글을 적어 볼려고 한다. 이전 내용으로도 riverpod 을 사용하는데 기본적인 내용은 다 들어갔지만, 좀 더 멋있게 사용하고 싶다면 이번 내용을 참고하길 바란다. Modifier .family 지금 까지 provider 는

2022년 7월 5일
·
0개의 댓글
·

<번역> JavaScript 에서의 상태관리

자바스크립트 에서 의 상태관리1_okr_cfPuUcOWgLJUj-jS5Q.jpeg브라우저 기반의 자바스크립트 어플리케이션 에서의 상태관리는 종종 불필요해 보이기 때문에 어려운 일이다.오늘의 목표는 상태관리를 불필요하게 어렵게 만드는 몇가지 일반적인 문제점들을 피하는 몇

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

[Flutter] Riverpod 으로 상태 관리 하기 2

저번 시간에 riverpod 이 무엇이며, 왜 사용하는지에 대해 알아보았다. riverpod 에는 provider 라는 중요한 요소가 등장 하는데, 이는 riverpod 의 모태격인 provider 라는 상태 관리 라이브러리에서 유래된 것이다. 상태 관리 라이브러리인

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

[Flutter] Riverpod 으로 상태 관리 하기 1

flutter 에는 Bloc, Provider, getX, redux 등 여러가지 상태 관리 라이브러리 등이 있다. 그 중에서 flutter 공식 홈페이지에서 추천하는 것은 Provider 이다. 구글에서 생각하길 여러가지 라이브러리중에 상태 관리 철학에 가장 잘 부합

2022년 6월 22일
·
0개의 댓글
·

[React] Recoil

Recoil은 react를 위한 상태관리 라이브러리(state management library)이다. 기존의 react 상태관리 기능은 다음과 같은 한계를 가지고 있었고, 이것을 개선하고자 Recoil이 개발되었다.컴포넌트의 상태는 공통된 상위요소까지 끌어올림으로써

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

Recoil을 오랜만에 쓸 때 보는 간단한 포스트

Recoil을 오랜만에 쓸 때를 대비하기 위한 간단한 포스트를 정리해봤다. 앞으로 Redux를 공부하고 써 볼 예정이기 때문이다. 나중에 다시 Recoil을 쓸 때 러닝 커브를 좀 더 줄여보기 위해 작성해보았다!

2022년 5월 19일
·
0개의 댓글
·

[Flutter] 플러터 Stream 맛보기

StreamBuilder를 알아보기전에 FutureBuilder에 대해서 되새김질 해보고가자.FutureBuilder는 비동기 처리를 진행하며 결과에 따라 표시할 Widget을 반환한다.StreamBulder는 스트림 작업을 진행하며, Stream을 통해 전달되는 데이

2022년 2월 18일
·
0개의 댓글
·

Flutter bloc - 2

BlocProvider는 BlocProvider.of&lt;T>(context)를 통해 자식에게 블록을 제공하는 Flutter 위젯입니다. 종속성 주입(DI) 위젯으로 사용되어 블록의 단일 인스턴스가 하위 트리 내의 여러 위젯에 제공될 수 있습니다.대부분의 경우 'Bl

2022년 2월 16일
·
0개의 댓글
·

Flutter bloc - 1

BlocBuilder는 bloc과 builder 기능이 필요한 Flutter 위젯입니다. 'BlocBuilder'는 새 상태에 대한 응답으로 위젯 빌드를 처리합니다. BlocBuilder는 StreamBuilder와 매우 유사하지만 필요한 상용구 코드의 양을 줄이기 위

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

Recoil - (1)

리액트를 사용하면서 넘어야 할 몇 가지 산 중에 하나가 redux로 대표되는 state management라고 생각합니다. 여기에 관한 수많은 고민들이 있었던 거 같습니다. 프론트엔드 개발을 시작한지 얼마되지 않았지만 짧은 시간 사이에 쫓아갈 수도 없을 만큼 수많은 라

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

프론트엔드 상태관리의 역사 - (1)

프론트엔드 상태관리의 역사를 알아 봅시다.

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