대기업을 향한 디벨롭 블로그

Redux Toolkit 저번 1,2에서 slice만들고 state변경함수 만들어보고 해보았다. 이번에는 state변경함수에 파라미터를 전달하는걸 해보겠다. 일단 예제를 만들것이기때문에 셋팅해주겠다. //store.js import { configureStore, createSlice } from "@reduxjs/toolkit"; let todo = createSlice({ name : 'todo', initialState : [{id : 0 , title : '할일이없습니다', complete : false}] }) export default configureStore({ reducer:{ todo : todo.reducer } }) store.js를 만들어주고 todo라는 slice를 하나 만들어 ..

https://mhypro.tistory.com/60 Redux-1 (useSelector) state만들기 사용하기 이번엔 Redux를 알아보겠다. Redux는 상태관리 라이브러리다. 리액트에서 가장많이 쓰이는 상태관리 라이브러리라고 한다. 약간 ContextAPI처럼 전역적으로 데이터를 관리할 수 있다. react뿐만 아니라 mhypro.tistory.com configurestore를 사용하여 새롭게업데이트된 Redux store를 만들고 slice도 만들어주었다. 이제 변경을 해보자. //store.js let person = createSlice({ name : 'person', initialState : 'younghwan' }) 저번에 만들었던 person이라는 slice이다. 변경을 할때는..

이번엔 Redux를 알아보겠다. Redux는 상태관리 라이브러리다. 리액트에서 가장많이 쓰이는 상태관리 라이브러리라고 한다. 약간 ContextAPI처럼 전역적으로 데이터를 관리할 수 있다. react뿐만 아니라 다른 frameWorlk에서도 사용이되고 , 일반 자바스크립트 환경에서도 가능하다. https://ko.redux.js.org/introduction/getting-started/ Redux 시작하기 | Redux 소개 > 시작하기: Redux를 배우고 사용하기 위한 자료 ko.redux.js.org 먼저 Redux의 공식사이트를 올려주겠다. npm install @reduxjs/toolkit react-redux npm install redux툴킷과 리액트리듀스를 다운받아준다. (리액트18.1..

React Context API에 대해 알아보자. Context API는 컴포넌트 구조에서 데이터를 주고받을때는 부모컴포넌트에서 자식컴포넌트에게 Props를 이용하여 데이터를 준다. 하지만 자식의 자식의 자식의 자식에게 데이터를 준다하면 props를 여러번 쓰게 되는 불편함이 있을거다. 이 불편함을 ContextAPI가 데이터를 전역적으로 뿌려줄 수 있다. 먼저 기본적인 공식문서를 올려놓겠다.https://ko.reactjs.org/docs/context.html#when-to-use-context Context – React A JavaScript library for building user interfaces ko.reactjs.org App컴포넌트에서 하위 -> 하위 컴포넌트까지 데이터를 전달해주..