100일은 해야지

랜덤기능 없는 랜덤밀 랜덤 선택 기능을 넣으려했는데 까먹고 안넣고 있었다.. 이름이 랜덤밀인데 다른 거 신경쓰다가... 마치 홍철이 없는 홍철팀이랄까... 너무 오래된 밈인가 그럼 문어없는 문어빵 랜덤 선택은 간단한 거라서 나중에 해야지하고 생각하다가 이제야.... 나는 선택된 것들을 dialog에 넣어줬기 때문에 useRef를 사용해 modal을 띄워줬다. 카운트는 최대 숫자가 5가 되게 했고 0이 기본값. 만약 숫자가 0인데 버튼을 클릭하면 갯수를 골라달라는 모달이 뜨게 했다. const [count, setCount] = useState(0); const [items] = useRecoilState(ItemsState); const [randomArray, setRandomArray] = useSt..

React Query: 동적 데이터 관리를 위한 도구 (Feat. 열일) 리액트 쿼리를 다뤄보지 않았다. 이번에 팀프로젝트하면서 처음 다뤄봄... 결론은 좋은 녀석 깔끔한 녀석 일단 리액트 쿼리에 3가지 핵심 개념 Query, Mutation, Cache 이번에 사용한 것은 use Mutation이다. 뮤테이션은 서버에 데이터를 변경하는 요청, 뮤테이션을 통해 데이터를 갱신하고 그 후의 쿼리 결과를 업데이트해서 최신 데이터 유지가 가능하게 해 준다. 먼저 데이터 변경 로직을 구현한 후 interface editProps { postId: number; text: string; } export const editPosts = async ({ postId, text }: editProps) => { try ..