솔적솔적

서버랑 통신하는 코드를 ajax로 짜다보면 여러 기능들이 추가적으로 필요해지게 되는데, 앞서 말했듯이 ajax성공 시와 실패시의 경우나 실패 시 몇초 후에 요청을 재시도 할 수도 있는 경우, 다음페이지 내용을 미리 가져오는 것이나, 몇초마다 자동으로 ajax가 생행되는 것들이 있다. 위의 기능들을 코드를 끄적끄적하여 만들 순 있지만 더 간편하게 할 수 없을까? 라고 생각한다면 그 방법은 있다. 바로 리액트 쿼리되시겠다. 리액트쿼리 라이브러리를 사용하면 위의 기능들을 더 쉽게 적은 코드로 구현이 가능하다. 이 React Query는 자주자주 사용되어지는 것이아니라, SNS나 돈거래소, (코인, 주식)이런 실시간데이터들을 계속 가져와야하는 경우 사용하는 게 좋다. 그럼 이 React Query를 사용해보자...

Redux에서 state를 변경하는 방법을 알아보자. 제일 먼저 state 수정해주는 함수를 만들고 함수를 실행해달라고 store.js에 요청해야한다. 1. state 수정하는 함수만들기 : reducers등장 const user = createSlice({ name : 'user', initialState : 'kim', reducers : { changeName(state){ //--> 위의 state를 수정하는 함수를 요기다가 만드는 것 return 'sol' + state } } }) 2. 함수 만든 것을 사용할 수 있게 export해줘야함 const user = createSlice({ name : 'user', initialState : 'kim', reducers : { changeName(..

이번에는 Redux 안에 있는 state가 object나 array일 경우에 변경하는 법을 알아보려한다. initialState 안을 오브젝트로 변경한다. store.js import { configureStore, createSlice } from '@reduxjs/toolkit' import user from '../store/userSlice' const user = createSlice({ name : 'user', // 'state이름', initialState : {name : 'kim', age : 20}, reducers : { changeName(state){ return 'park' + state } } }) object로 바꿨기 때문에 state를 데이터바인딩하는 문법도 달라졌을 것이..

Store.js를 빼다가 쓰는 법을 알아보자. 그전에 저번 시간에 말했던 것 복습. Redux를 왜 사용하는가. 👉 이유는 컴포넌트간에 state공유가 불편할 때 사용한다. redux를 사용하면 redux store.js통 안에 state들을 다 넣고 빼서 사용할 수 있기 때문이다. 그럼 props전송이 필요없는 이점이 있기 때문. 리덕스 스토어안에 있던 스테이트들은 모든 컴포넌트들이 직접 통신을 해서 store.js안에 있는 state을 가져가서 쓸 수 있으니 props전송을 안해도된다는 것! 그럼 이 store.js 파일에다가 state만드는 법을 알아보자. 일단 Store.js 파일안에다가 createSlice() 쓰고 import해야한다. useState와 비슷한 용도임 store.js impor..