리덕스 상태관리 Redux <리덕스> 상태관리 라이브러리 중 하나로, 단 방향 데이터 흐름[flux]을 제공한다. 여러 컴포넌트에서 상태를 공유 하고자 하기 때문! 각 컴포넌트에 종속되어 있는 State는 굳이 리덕스 스토어로 관리할 이유는 없습니다!! dispatch(action) => middleware => reducer => store example... redux리덕스상태관리redux [JS] Generator 함수 이해하기 처음 이 개념을 접할때, 함수면 함수지 제너레이터 함수는 뭐지 싶었다. 이 함수가 존재한다는 사실은 자바스크립트 참고 서적을 통해서 처음 접했고, 그 당시에는 이 개념이 필요한가 싶어서 그냥 눈으로 훑고 지나가는 정도로 넘어 갔었다. 프로젝트를 진행하면서 리덕스 사가를 사용하는데, 마주할 일이 없을거라 생각했던 함수가 두두 등장... 그렇게 Generator function에 대해서 부랴부랴... 자바스크립트리덕스리덕스 [React]리덕스(2) 흐름 바닐라 자바스크립트 이용 UI 관리하는 라이브러리를 이용하지 않기 때문에 DOM 직접 가리키는 값 선언해줌. index.html styles.css index.js 액션 이름 : 문자열, 대문자, 유일하게 존재 액션 이름을 사용하여 액션 객체를 만드는 액션 생성함수를 만들었음. reducer 함수가 맨 처음 호출될 때, state는 undefined : 이 경우에 initialState를 기... redux리액트리덕스ReactReact [React] | redux-toolkit 🤔 Redux란? 리덕스는 리액트에서 가장 많이 사용되는 상태 관리 라이브러리중 하나이다. 리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 효율적으로 관리할 수 있다. 최근 Redux Toolkit이 등장하면서 더욱 더 이 효율성은 빛을 보이고 있다. 이번 포스팅에서는 Redux Toolkit보다는 Redux에 집중해 좀 더 자세하게 Redux를 파헤쳐 보려고 ... 리액트리덕스리덕스
상태관리 Redux <리덕스> 상태관리 라이브러리 중 하나로, 단 방향 데이터 흐름[flux]을 제공한다. 여러 컴포넌트에서 상태를 공유 하고자 하기 때문! 각 컴포넌트에 종속되어 있는 State는 굳이 리덕스 스토어로 관리할 이유는 없습니다!! dispatch(action) => middleware => reducer => store example... redux리덕스상태관리redux [JS] Generator 함수 이해하기 처음 이 개념을 접할때, 함수면 함수지 제너레이터 함수는 뭐지 싶었다. 이 함수가 존재한다는 사실은 자바스크립트 참고 서적을 통해서 처음 접했고, 그 당시에는 이 개념이 필요한가 싶어서 그냥 눈으로 훑고 지나가는 정도로 넘어 갔었다. 프로젝트를 진행하면서 리덕스 사가를 사용하는데, 마주할 일이 없을거라 생각했던 함수가 두두 등장... 그렇게 Generator function에 대해서 부랴부랴... 자바스크립트리덕스리덕스 [React]리덕스(2) 흐름 바닐라 자바스크립트 이용 UI 관리하는 라이브러리를 이용하지 않기 때문에 DOM 직접 가리키는 값 선언해줌. index.html styles.css index.js 액션 이름 : 문자열, 대문자, 유일하게 존재 액션 이름을 사용하여 액션 객체를 만드는 액션 생성함수를 만들었음. reducer 함수가 맨 처음 호출될 때, state는 undefined : 이 경우에 initialState를 기... redux리액트리덕스ReactReact [React] | redux-toolkit 🤔 Redux란? 리덕스는 리액트에서 가장 많이 사용되는 상태 관리 라이브러리중 하나이다. 리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 효율적으로 관리할 수 있다. 최근 Redux Toolkit이 등장하면서 더욱 더 이 효율성은 빛을 보이고 있다. 이번 포스팅에서는 Redux Toolkit보다는 Redux에 집중해 좀 더 자세하게 Redux를 파헤쳐 보려고 ... 리액트리덕스리덕스