https://www.npmjs.com/package/nanoid
nanoid
A 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보다 짧지만 충돌 가능성 낮으며, 토이프로젝트는 긴 ID가 필요 없어서 설치하였다.
ID 길이 및 알파벳 구성을 커스터마이징 할 수 있다고 한다.
1. 사용법
import { nanoid } from 'nanoid'
const id = nanoid()
console.log(id) // 예: "V1StGXR8_Z5jdHi6B-myT"
'[Study] 개발 공부 > [React] 리액트 공부' 카테고리의 다른 글
| React에서 특정 영역만 인쇄하기(react-to-print) (0) | 2025.10.31 |
|---|---|
| [Study] React Query (2) | 2025.07.23 |
| react-loading-skeleton으로 스켈레톤 UI 만들기 (1) | 2025.05.14 |
| [styled-components/React] styled-components: it looks like an unknown prop "X" is being sent through to the DOM... 경고 메시지 해결하기 (0) | 2025.03.27 |
| [Redux] Redux Thunk를 왜 사용해야 할까 (0) | 2025.02.17 |