kasumil의 코딩 공작소

https://redux-toolkit.js.org/ Redux Toolkit | Redux Toolkit The official, opinionated, batteries-included toolset for efficient Redux development redux-toolkit.js.org https://soyoung210.github.io/redux-toolkit/tutorials/basic-tutorial/ Redux Toolkit # 기본 튜토리얼: Redux Toolkit 소개 soyoung210.github.io 위 두개는 거진 리덕스 툴킷을 정리한 내용이다. 하지만 내용이 너무 복잡하고, 이것 썼다 저것썼다해서 헤깔린다. 이미 이해를 하고나서 내용을 정리하고자 공식문서 링크를 찾던 도중..

리덕스 툴킷을 다시 배우려고 정리 좀 했다. useSelector = 리덕스 라이브러리 내장된 함수로 리듀서에 있는 state값을 불러오는 함수. useDispatch = 리덕스 라이브러리 내장된 함수로 리듀서 값을 변경시키는 명령 함수. 왜 리덕스가 어렵냐 하면 보일러 플레이트가 많은 상태에서 실질적으로 용어가 많은데, 쓰임을 모르겠으니 헤매는 것. action은 payload를 가지고 있는데, 가르칠때 action도 같이 가르치니 이해가 안된상태에서 헤매게 되는 것. 쉽게 말하면 dispatch 사용하는 것을 action인데, 이를 다른 것처럼 설명하니 헤매게 되는 것이다. dispatch = action이라고 이해하면 편하다. 최상단 index.js import React from 'react'; ..

실질적으로 제작한지는 3일? 4일되었으나 어이없게도 호출을 이상한 곳에서 하고 있다보니 이렇게 늦어지게 되었다. 고수라면 그냥 응당 자연스럽게 넘어갈텐데 나는 실수를 했다. 원인은 컨테이너 컴포넌트를 호출해야했는데, 난 VIEW를 담당하는 곳이 프레젠테이션 컴포넌트이므로 당연히 프레젠테이션을 호출하고 있었다. 그러므로 인자값이 계속 넘어오지 않지.... 하....이거때문에 3일간 뻘짓하고 값 조회하고 그랬는데...좀 황당!! 그래도 성공했으니 이맛때문에 코딩 하는 것이지 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ youtu.be/W05dYE0kkgY 리덕스 툴킷쓰면 더 편하다고 하는데, 아직 쓰지 않아서 잘 모르겠고, 이제는 작동이 잘되니까 ㅎㅎㅎㅎ TS에서 어떻게 적용해야하는 것인가도 문제긴 하다.

해당 코드는 '도서 "리액트를 다루는 기술"에 저술된 코드입니다.' import React, { useReducer } from "react"; const initialState = () => { counter: 1 }; function reducer(state = initialState, action) { // action.type에 따라 다른 작업 수행 switch (action.type) { case "INCREMENT": return { value: state.value + 1 }; case "DECREMENT": return { value: state.value - 1 }; default: return state; } } useReducer 리덕스를 이해하기 위해서 useReducer를 이해해야..

- 오늘 학습한 내용. github.com/kasumil/Redux_tutorial kasumil/Redux_tutorial Contribute to kasumil/Redux_tutorial development by creating an account on GitHub. github.com 리덕스 튜토리얼 인덱스.js는 두번 만든다. 하나는 실질적으로 1번은 index.js이고, 다른 하나는 2번이 루트 리듀서의 역할을 한다. 후자는 ducks타입으로 해당 액션(modules) 폴더에 포함되어있다. 이름만 index.js이고 rootreducer로 설정한다. 실제로는 rootreducer로 해도 된다. 프레젠테이션 컴포넌트(components)는 단순 ui만 표시한다. 해당 컴포넌트에 useState를..

- 오늘 해야할 일 리덕스 학습. - 평가 및 후기 예전 위코드 다닐때 학습을 하긴했는데, 솔직히 잘 적용한다고 할 수 없어서 이제 다시 복습하고 있다. 역시 복습하기 시작하니까 이해하는 건 뭐지 싶기도하고, 다시 보니 기존에 이해할 수 없는 것들을 제대로 이해하기 시작하였다는 것. 솔직히 이것만 보면 된다. 기존에 리액트 리덕스는 해당 내용이 바뀌면 render함수가 다시 render를 작동하게 할 수 있었다. 그런데, 리액트는 해당 한페이지에서 작동되는 것이 아니라 여러모로 찢어놓게 작동한다. 해당 컴포넌트에서 생기는 값들을 통제하는데 있어서, 해당 컴포넌트에서 동작은 자유롭다. 하지만, 다른 곳에서 해당 값을 보내기는 어렵다. 해당 컴포넌트에서 생기는 값을 반대편으로 보내기 위해서 엄청나게 고생을 ..

오늘 해야할 일 백엔드와 데이터 연결해서 해당 자료값들 붙여보기. 백엔드 측에서 데이터를 주지 않는다...(서버내 수정하느라 꺼진 듯) 세션으로 올라오는 값들을 죄다 가져오기해야하는데, 일단 붙여보고나... 오늘 수정사항 없음. 일단 버그는 다 수정해서 오늘 진행사항 재택근무로 인한 할일 없음.(이미 프론트측에서 확인할 것들은 죄다 끝나서...) 리덕스 학습함. 오늘의 코드 없음. 오늘 리덕스대한 학습을 시작하려고 한다. 기존에 리덕스를 적용한다는 글이 있었는데, 해당 글에서는 결국 적용하지 못했다. 그 이유가 리덕스를 새로 배워 적용하는데 있어 오랜 시간이 걸려 State값을 결국 세션스토리지로 올려 이 자료값들을 해당 세션에서 컨트롤하는 것으로 해결. 아무튼 시간도 많이 남는데, 그런고로 Redux를..