[Study] 개발 공부47 [Study] React Query 이번 새 프로젝트에 합류하게 되면서 말로만 들었던 React Query를 사용하게 되었다. 사실 프로젝트에서 사용하는 것에는 문제가 크게 없었다.하지만 저번에 손코딩 면접에서 React Query 문제가 나왔을 때, 정확히 답을 적지 못해서 공부를 좀 해야겠다고 생각했다 1. React Query란?React Query는 서버 상태(예: API에서 불러온 데이터)를 관리하기 위한 라이브러리useState나 useEffect 없이도 데이터 fetching, 캐싱, 갱신, 에러처리 등을 자동으로 해준다 데이터 수정 후 useEffect로 다시 패칭하는 방식은 상태 중복과 리패칭 조건 관리의 어려움이 있기 때문에, React Query에서는 invalidateQueries를 통해 필요한 캐시만 무효화하고, 이.. 2025. 7. 23. [라이브러리] 짧은 고유 ID 생성해주는 nanoid https://www.npmjs.com/package/nanoid nanoidA tiny (118 bytes), secure URL-friendly unique string ID generator. Latest version: 5.1.5, last published: 3 months ago. Start using nanoid in your project by running `npm i nanoid`. There are 13040 other projects in the npm registry using nanoid.www.npmjs.com Firebase, Supabase는 자체 UUID가 없으므로 이번에 Supabase를 사용하면서 사용해보았다!기본 ID는 21자로 UUID보다 짧지만 충돌 가능성 낮으며.. 2025. 6. 10. [트러블슈팅] shadcn/ui DatePicker 설치 시 React 19 충돌 해결법 NextJs 토이프로젝트 진행 중 발생한 트러블 슈팅라이브러리 버전이 react 환경에 맞지 않을 때, 귀찮다고 그냥 넘어가서 발생한 문제앞으로 --legacy-peer-deps에 의존하지 말고 발견 즉시 해결하자 1. 문제npx shadcn@latest add calendar shadcn에서 dayPicker UI 사용 시 사용하는 명령어 하지만 내부적으로 react-day-picker@8.10.1이 설치되어React 19 환경에서 의존성 충돌(ERESOLVE 에러)이 발생한다. 2. 해결처음에는 --legacy-peer-deps로 해결하려고 했지만, 다른 라이브러리 설치 시 거슬리기 시작하여 위와 같은 원인을 발견npm install react-day-picker@^9.0.0 9 버전에서 Reac.. 2025. 6. 10. [알고리즘] 소수 판별 함수 프로그래머스에서 소수 판별하는 로직에 관한 문제가 나와 작성한다.function isPrime(num) { if(num 2025. 5. 19. 이전 1 2 3 4 ··· 12 다음