๐ธ Nano ID๋?
- UUID๋ฅผ ๋์ฒดํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค.
- ๋งค์ฃผ 10๋ง ๋ค์ด๋ก๋ ์ ๋๊ฐ ์ด๋ค์ง๋ ์ ๋ช
๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค.
- DB์ ๊ฐ์ ๊ณณ์ ๋๋ค ๋ฌธ์์ด๋ก ID๋ฅผ ์์ฑํด์ผํ๋ ๊ฒฝ์ฐ ์ฌ์ฉํ ์ ์๋ค.
- UUID๋ณด๋ค ๋น ๋ฅด๋ค๋ ์ฅ์ ์ด ์๋ค.
๐ท ์ฌ์ฉ ์์
function Todos({todos}) {
return (
<ul>
{todos.map(todo => (
<li key={nanoid()}>
{todo.text}
</li>
))}
</ul>
)
}