[Study] 개발 공부46 [라이브러리] 짧은 고유 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. react-loading-skeleton으로 스켈레톤 UI 만들기 React 프로젝트에서 로딩 상태를 시각적으로 표현할 때 흔히 사용하는 방식이 Skeleton UI이다. react-loading-skeleton은 이 기능을 빠르게 구현할 수 있게 도와주는 경량 라이브러리다. 참고해볼 글https://tech.kakaopay.com/post/skeleton-ui-idea/ 무조건 스켈레톤 화면을 보여주는게 사용자 경험에 도움이 될까요? | 카카오페이 기술 블로그카카오페이에서 프론트엔드 개발을 하며 스켈레톤 UI와 사용자 경험 향상에 대해 고민한 내용을 공유합니다.tech.kakaopay.com 1. 설치 방법npm install react-loading-skeleton 2. 사용 방법// 스켈레톤 css 사용하기 위해서 importimport 'react-loadin.. 2025. 5. 14. 이전 1 2 3 4 ··· 12 다음
