๐Ÿ’ก Nano ID๋ž€?

Jake_Youngยท2021๋…„ 3์›” 18์ผ
0

JS ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ, NPM

๋ชฉ๋ก ๋ณด๊ธฐ
1/1

๐ŸŒธ Nano ID๋ž€?

  • UUID๋ฅผ ๋Œ€์ฒดํ•  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค.
  • ๋งค์ฃผ 10๋งŒ ๋‹ค์šด๋กœ๋“œ ์ •๋„๊ฐ€ ์ด๋ค„์ง€๋Š” ์œ ๋ช… ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค.
  • DB์™€ ๊ฐ™์€ ๊ณณ์— ๋žœ๋ค ๋ฌธ์ž์—ด๋กœ ID๋ฅผ ์ƒ์„ฑํ•ด์•ผํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.
  • UUID๋ณด๋‹ค ๋น ๋ฅด๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๋‹ค.

๐ŸŒท ์‚ฌ์šฉ ์˜ˆ์ œ

function Todos({todos}) {
  return (
    <ul>
      {todos.map(todo => (
        <li key={nanoid()}> /* DONโ€™T DO IT */
          {todo.text}
        </li>
      ))}
    </ul>
  )
}
profile
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ํŒŒ์ด์ฌ ๊ทธ๋ฆฌ๊ณ  ์ปดํ“จํ„ฐ์™€ ๋„คํŠธ์›Œํฌ

0๊ฐœ์˜ ๋Œ“๊ธ€