React

POS프로그램을 개발하던 중 장바구니에 담긴 상품의 정보를 저장하는 shoppingCart 상태가 있고, 결제정보를 저장하는 paymentInfo 상태가 있다. 이 때, shoppingCart에 담긴 상품에 변화가 있을 때 paymentInfo를 기본값으로 변경하려 한

POS 프로그램을 리액트를 사용해 만들면서 파이어베이스의 데이터를 관리하는 도구로 react-query를 사용했다. 그 과정에서 배운 것들과 내가 직접 사용한 경험을 정리해보려 한다. 공식문서에 의하면, react-query는 웹 애플리케이션에서 데이터를 패치(fet

Storybook을 작성하던 중 recoil,react-router-dom,tanstack-query와 같이 provider component로 감싸야하는 컴포넌트의 스토리를 작성하게 됐다. 처음엔 각 스토리의 decorators에서 필요한 프로바이더 컴포넌트로 St