react redux toolkit으로 백엔드 데이터 가져오기 with typescript

본 포스트 예제는 Redux Toolkit에서 제공하는 비동기 함수 createAsyncThunk를 이용해서 https://jsonplaceholder.typicode.com 사이트에서 데이터를 가져오는 예제로 typescript를 기반으로 작성되었습니다. 프로젝트 생성 vite를 이용해서 프로젝트를 생성합니다. yarn create vite test_app --template react-ts…

0 Comments

react redux-toolkit 기본 예제

참고 : https://www.youtube.com/watch?v=9wrHxqI6zuM 생활코딩 유튜브 예제를 기반한 포스트입니다. 아래 예제는 다음 동작을 수행합니다. 버튼을 클릭하면 counter 값이 올라감counter 값을 노출시켜줌 예제 파일은 다음 세가지 파일로 구성 됩니다. App.js - 메인…

0 Comments

react-redux 간단한 사용법 예제

아래는 react-redux 개념을 익히기 위한 간단한 예제입니다. 생활코딩(https://www.youtube.com/watch?v=yjuwpf7VH74) 유튜브 강좌에서 설명한 코드로 종종 참고할 목적으로 기록합니다. 코드를 간단히 설명하면 좌측 컴포넌트는 Left1, Left2, Left3으로의 하위 컴포넌트들을 그리는 구조로 되어 있고…

0 Comments