# 상태관리

67개의 포스트

상태 관리

[TIL][엘리스 SW 엔지니어 트랙] 12주차 - 상태 관리

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

React를 위한 상태관리 라이브러리 Recoil

페이스북이 만든 상태관리 라이브러리 Recoil

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

redux

프로젝트를 만드는중 무수히 많아지는 state들을 매번 자식으로 넘겨주는 과정이 매우 번거롭게 느껴졌다. 그래서 많이 사용하는 redux를 공부해보자초기 상태값 지정reducer에서 초기 상태값을 받고, action을 지정해준다(switch문 사용)action을 지정

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

[React] Recoil을 알아보자

Recoil은 React의 상태관리 라이브러리중 하나입니다.리액트를 개발한 페이스북 개발팀이 만들었고 react를 지원하는 전용 상태관리 라이브러리이기 때문에 react내부에 대한 접근이 가능하고 동시성 모드, Suspense 등을 손쉽게 지원 가능하다는 장점이 있습니

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

TIL93. Recoil

또 다른 상태관리 라이브러리 'Recoil'에 대해서 알아보자. Recoil? 페이스북에서 직접 만든 상태 관리 라이브러리이다. Recoil 사용하기 전역에서 사용할 수 있도록 root에 recoilRoot 감싸주기 atom 기존의 상태관리 라이브러리에서 쓰이는

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

Reactnative 에서 여러개 Textinput 상태 관리

참고 사이트 벨로퍼트와 함께하는 모던리액트, 1-9 여러개 input 상태관리하기 : 바로가기 StackOverFlow: onChange Event 바로가기 시작하며 벨로퍼트님께서 포스트 하신부분으로 React를 공부하고, ReactNative로 적용하다가 여러개

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

React Query 정리

React Query란 > 스스로 공부하고 찾아보며 기술을 적용했기 때문에 분명 틀린 점이 있을 수 있습니다. 틀린 점은 댓글에 지적해주시면 감사하겠습니다. 회사에 입사하고 첫 실무에 들어가며 만난 프레임워크들은 입사 전에는 한 번도 사용해보지 않았던 것들이었다.(N

2021년 12월 25일
·
0개의 댓글

react useState와 정렬 함수를 이용한 가격별 정렬 기능 구현

이번에는 실제 쇼핑몰처럼 가격별 정렬 기능을 구현해보았다.낮은 가격순, 높은 가격순, 그리고 필터링 해제를 했을 때, 다르게 렌더링되도록 구현하였다. 상태관리와 정렬 알고리즘이 둘 다 필요했기 때문에 단계별로 나누어서 구현을 하였다.사용자는 옵션 태그에서 여러 가지 필

2021년 12월 25일
·
0개의 댓글

react useState를 이용한 인스타그램 하트 애니메이션 구현

리액트 상태관리를 배우면서 가장 만들어 보고 싶었던 기능이 인스타그램의 하트 클릭 애니메이션이었다. 더블클릭까지는 아니어도 클릭을 하면 아이콘의 색이 채워지는 기능을 구현하고 싶었다.이것을 할 수 있는지를 구글링해 보았는데, 내가 원하는 기능을 어떻게 구현하는지 예를

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

[React] Jotai넌 누구냐??

React의 상태관리 라이브러리중 하나입니다.jotai는 매우 간단하고 작은 단위로 전역 상태 관리가 가능한데요.recoil과 매유 유사합니다. 주로 많이 쓰는 Redux같은 경우에는 Flux패턴을 사용하여 액션을 통해 앱의 상태를 변화시키고, 컴퍼넌트는 selecto

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

[Flutter] GetX로 상태관리 🪄

Provider에서 GetX로 렙업하기 🎩

2021년 12월 22일
·
0개의 댓글

Recoil 소개 - 주요 개념 (공식 문서)

Recoil을 사용하면 atoms(공유 상태)에서 selectors(순수 함수)를 거쳐 React 컴포넌트로 내려가는 data-flow graph를 만들 수 있다. Atoms는 컴포넌트가 구독할 수 있는 상태의 단위다. Selectors는 atoms 상태값을 동기 또는

2021년 12월 22일
·
0개의 댓글

Recoil 소개 - 동기 (공식 문서)

Recoil은 React를 위한 상태 관리 라이브러리다.호환성 및 단순함을 이유로 글로벌 상태관리 라이브러리(ie.Redux)보다는 React 자체에 내장된 상태 관리 기능을 사용하는 것이 가장 좋다.그러나 React는 다음과 같은 한계가 있다.컴포넌트의 상태는 공통된

2021년 12월 22일
·
0개의 댓글

[상태관리] React Context API

props drilling의 문제점을 해결하기 위해 만들어진 API ✨일반적인 React에서는 데이터는 위에서 아래로 props를 통해 전달되어야하는 구조입니다. 이에 따라서 다른 컴포넌트와 데이터를 주고 받을 수 있는데요, 간단하게 중첩되어 컴포넌트 트리를 이루는 경

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

상태관리 , 상태관리 라이브러리, 그래서 왜쓸까?

상태는 사용자의 액션에 따라 변경될 수 있는 컴포넌트의 부분을 나타내는 Javascript 객체입니다. 상태는 단순하게 컴포넌트의 메모리라고 말할 수도 있습니다.사용자가 일반적인 리액트 앱에서 작업을 수행하면 컴포넌트의 상태가 변경됩니다. 나쁘진 않지만, 앱의 크기가

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

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

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

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

JS) Redux , 상태관리

1. Redux에 대해 2. Redux예시 2.1 JS Redux 구동 2.2 React Redux 구동 1. Redux에 대해 1.1 Redux란 리덕스는 복잡한 State관리를 단방향 데이터 흐름체계로 만들어주는 도구이다. 리덕스는 상태관리를 효율적이고 간단하게

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

블랙커피 스터디1 문벅스 step3 서버와의 통신해 메뉴 관리하기 회고

🎯 step3 요구사항 - 서버와의 통신을 통해 메뉴 관리하기

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

Redux-saga

미들웨어인 리덕스 사가를 학습하기 위해 실습을 진행하고 세미나를 진행한 내용을 정리했습니다.

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

Redux Basic

회사에서 사용하는 리덕스라는 상태관리 라이브러리를 학습하기 위해 세미나를 진행하고 그 세미나를 토대로 차근차근 블로그를 적어본다.

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