Frontend
React-Query Query data cannot be undefined 해결 방법 및 Promise에 대해
React query에서 useQuery를 사용하던중 다음과 같은 에러가 발생했다 Query data cannot be undefined 다음 에러는 useQuery에 등록한 함수가 Promise를 반환하지 않아서 이런 에러가 난 것이다. 해결 방법 1. 화살표 함수로 바로 리턴해준다. const { data, status } = useQuery(['test', id], () => fetchTest(id)); 2. 중괄호 내부에서 명시적으로 return 문을 써준다. const { data, status } = useQuery(['todos', id], () => { return fetchTest(id); }); 또한 async 와 await으로 해결 할수도 있다. 뜬금 없지만 기초를 잡기 위해 Prom..
Redux 와 RTK(Redux toolkit)
✨ Redux란..? redux란 JavaScript 상태관리 라이브러리이다. 🌎 Redux의 기본 개념 Single source of truth 애플리케이션의 모든 상태는 하나의 저장소(Store) 안에 하나의 객체 트리 구조로 저장됩니다. State is read-only (state는 읽기 전용이다.) 상태를 변화시키는 유일한 방법은 무슨 일이 벌어지는 지를 묘사하는 action 객체를 전달하는 방법뿐입니다. 리액트에서는 setState 메소드를 이용해야 상태 변경이 가능한데 redux에서도 action이라는 객체를 통해서만 상태를 변경할 수 있다. Change are made with pure functions (변화는 순수 함수로 작성되어야한다.) 변경은 순수함수로만 가능하다. 이전 상태를 변경..
redux error - A non-serializable value was detected in an action, in the path 해결 방법
참고 링크 Getting an error "A non-serializable value was detected in the state" when using redux toolkit - but NOT with normal redux I am trying to switch an app I am building over to use Redux Toolkit, and have noticed this error coming up as soon as I switched over to configureStore from createStore: A non-serializable value ... stackoverflow.com Redux Toolkit - A non-serializable value was detect..
unable to resolve dependency tree 해결
https://www.korecmblog.com/ERESOLVE-unable-to-resolve-dependency-tree/ ERESOLVE unable to resolve dependency tree 해결하기 상황 블로그를 만들기 위해 Gatsby Starter 메뉴얼에 따라서 아래 명령어를 실행했다. 공식 문서에서 제공하는 설치 방법임에도 불구하고 아래와 같은 오류가 발생했다. 자세히 오류를 살펴보면 아 www.korecmblog.com