상태관리 [vue-news] 스토어 구현 - Vuex 설치, Vuex 모듈화 및 state 적용 💻 Vuex 설치 컴포넌트 데이터 호출 방법인 api폴더에서 바로 꺼내와서 개발하는 것이 아니라 Vuex라는 상태관리 도구를 이용해서 컴포넌트 데이터를 호출해 볼 것 1. npm i vuex 설치 💻 Vuex 모듈화 및 state 적용 /src/main.js에 Vuex import 위와 같은 store에 관한 코드가 커지면 main.js의 본질을 흐리게 된다. /src/store/index.... vuexjs상태관리프론트엔드자바스크립트vue.jsjs TIL78.Redux 스토어 안에는 현재 앱 상태인 state와 reducer 외 내장 함수들이 존재한다. 단방향을 유지하기 위한 장치, state에 변화가 필요할 때 객체의 형태로 액션을 발생시킨다. 액션의 이름은 주로 대문자로 작성하고 고유해야 한다. 스토어의 내장함수 중 하나로 액션을 발생시키는 역할을 한다. dispatch(action) -> 함수 안에 액션을 파라미터로 전달한다. 새로운 객체를 만들어서 ... 상태관리TILTIL [ Vanilla JS ] Flux 패턴으로 상태 관리하기 ( feat. store ) React에서 사용되는 상태관리 패턴이다. ( Redux, Context API ) 핵심은 동작이 단방향으로 흐르다. Action 상태를 변경하는 메소드. ( action key + payload ) Dispatcher action을 store에게 전달하는 역할. Model(Store) 상태을 관리하는 역할. View 화면을 렌더링하는 역할. Store core reducer Store을 생... 상태관리storeFluxvanilla jsFlux 20_Oct_2021 🐰 엘리스 AI 트랙 TIL: 상태관리 - 상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것을 의미한다. 한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함한다. 변경이 잦는 데이터가 아니라면, 데이터를 캐싱하고 재활용해야 한다. Context API 등을 활용해서, 필요한 컴포넌트에서 데이터를 가져올 수 있다. Context API를... Flux 패턴useContext상태관리useStateFlux 패턴 [말로 풀어쓴 React] 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기1 17.3.1.2 액션 생성 함수 만들기 17.3.1.3 초기 상태 및 리듀서 함수 만들기 17.3.2 todos 모듈 만들기 17.3.2.2 액션 생성 함수 만들기 17.3.2.3 초기 상태 및 리듀서 함수 만들기 17.3.3 루트 리듀서 만들기 17.4.2 Provider 컴포넌트를 사용해 프로젝트에 리덕스 적용하기 17.5 컨테이너 컴포넌트 만들기 17.5.1.2 액션 생성 함수를 불러와... 리액트리덕스상태관리리덕스
[vue-news] 스토어 구현 - Vuex 설치, Vuex 모듈화 및 state 적용 💻 Vuex 설치 컴포넌트 데이터 호출 방법인 api폴더에서 바로 꺼내와서 개발하는 것이 아니라 Vuex라는 상태관리 도구를 이용해서 컴포넌트 데이터를 호출해 볼 것 1. npm i vuex 설치 💻 Vuex 모듈화 및 state 적용 /src/main.js에 Vuex import 위와 같은 store에 관한 코드가 커지면 main.js의 본질을 흐리게 된다. /src/store/index.... vuexjs상태관리프론트엔드자바스크립트vue.jsjs TIL78.Redux 스토어 안에는 현재 앱 상태인 state와 reducer 외 내장 함수들이 존재한다. 단방향을 유지하기 위한 장치, state에 변화가 필요할 때 객체의 형태로 액션을 발생시킨다. 액션의 이름은 주로 대문자로 작성하고 고유해야 한다. 스토어의 내장함수 중 하나로 액션을 발생시키는 역할을 한다. dispatch(action) -> 함수 안에 액션을 파라미터로 전달한다. 새로운 객체를 만들어서 ... 상태관리TILTIL [ Vanilla JS ] Flux 패턴으로 상태 관리하기 ( feat. store ) React에서 사용되는 상태관리 패턴이다. ( Redux, Context API ) 핵심은 동작이 단방향으로 흐르다. Action 상태를 변경하는 메소드. ( action key + payload ) Dispatcher action을 store에게 전달하는 역할. Model(Store) 상태을 관리하는 역할. View 화면을 렌더링하는 역할. Store core reducer Store을 생... 상태관리storeFluxvanilla jsFlux 20_Oct_2021 🐰 엘리스 AI 트랙 TIL: 상태관리 - 상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것을 의미한다. 한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함한다. 변경이 잦는 데이터가 아니라면, 데이터를 캐싱하고 재활용해야 한다. Context API 등을 활용해서, 필요한 컴포넌트에서 데이터를 가져올 수 있다. Context API를... Flux 패턴useContext상태관리useStateFlux 패턴 [말로 풀어쓴 React] 리덕스를 사용하여 리액트 애플리케이션 상태 관리하기1 17.3.1.2 액션 생성 함수 만들기 17.3.1.3 초기 상태 및 리듀서 함수 만들기 17.3.2 todos 모듈 만들기 17.3.2.2 액션 생성 함수 만들기 17.3.2.3 초기 상태 및 리듀서 함수 만들기 17.3.3 루트 리듀서 만들기 17.4.2 Provider 컴포넌트를 사용해 프로젝트에 리덕스 적용하기 17.5 컨테이너 컴포넌트 만들기 17.5.1.2 액션 생성 함수를 불러와... 리액트리덕스상태관리리덕스