두잇 리액트 타입스크립트 (~p.389) 공부중, redux와 reducer의 개념이 나오기 시작하면서 진도가 확 느려졌다. 며칠 째 이것만 이해하느라 노력중이다. 일단 이해한 내용 중 가장 와닿는 부분만 정리하고자 한다. (비전공자는 슬프다...)아래 두 코드의 차이
며칠간 redux를 공부하며 이 작동 원리를 드디어 어렴풋이 깨달았다. 아직도 완벽한 건 아니지만 GPT와 대화하며 아웃라인은 잡았다고 생각한다. 아래는 내가 이해한 작동 원리이다.
어떻게 합치는지는 이해하기 쉽다. 그런데 정작 사용하려니 useSelector를 사용한 component부터 어떻게 작동하는지 그 원리를 이해하기가 굉장히 까다로웠다.일단 전체적인 코드부터 보자.ClockTest.tsx가 setClock 함수를 dispatch 한다.
함수는 객체(object)다.그동안 강의를 들으며 이 문장을 접했을 때는 '아 그렇구나(이해 못함)' 하고 넘겼었다.이번 챌린지 예제를 통해 완전히 이해할 수 있었다.아래 코드는 무한 루프에 걸리는 코드다. useEffect 훅에 dependency로 getDetail
벨로퍼트 리액트 페이지의 리덕스 코드를 TypeScript로 옮기는 작업벨로퍼트 페이지는 JavaScript를 기반으로 되어있다. 하지만 나는 TypeScript 공부중!!그래서 리듀서 강의 코드를 최대한 혼자서 TypeScript로 옮기기로 결정했다.그래도 DOIT
React, TypeScript, and Redux from 독학styled-components from 노마드코더5월 한 달 동안 doit 모던 리액트 타입스크립트 책을 보며 리덕스까지 공부했다.최근 노마드 코더 리액트 스터디에 등록해서 styled-component
궁금증 JavaScript 환경에서는 객체에 속성을 만들지 않고도 값을 불러올 수 있다. 그렇다면 TypeScript에서는 어떨까? obj라는 객체에 x라는 속성은 없다. 하지만 x를 출력하면 4로 정상 출력된다. 실습 test.ts 파일을 만들고 같은 코드를 실행