๐ฐ nanoid
nanoid๋ ๋ฌด์์๋ก ์์ฑ๋ ๊ณ ์ ์๋ณ์(ID)๋ฅผ ์์ฑํ๊ธฐ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ Javascript ๋ฐ TypeScript์์ ์ฌ์ฉํ ์ ์์ผ๋ฉฐ, ๋ธ๋ผ์ฐ์ ๋ฐ Node.js์์ ์คํ ๊ฐ๋ฅํ๋ค.
nanoid๋ URL์ ์์ ํ ์ํ๋ฒณ(์๋ฌธ ๋์๋ฌธ์ ๋ฐ ์ซ์)์ ์ฌ์ฉํ์ฌ ๋ฌด์์ ๋ฌธ์์ด์ ์์ฑํ๋ค.
์ด๋ฌํ ๋ฌธ์์ด์ ์ถฉ๋ถํ ๊ธด ๊ธธ์ด(๊ธฐ๋ณธ๊ฐ: 21)๋ฅผ ๊ฐ์ง๋ฏ๋ก ์ถฉ๋ ๊ฐ๋ฅ์ฑ์ด ๋งค์ฐ ๋ฎ๋ค.
๐ฐ nanoid ์ค์น ๋ฐฉ๋ฒ
npm install nanoid
์ค์น ํ ๋ค์๊ณผ ๊ฐ์ด nanoid๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌด์์ ์๋ณ์๋ฅผ ์์ฑํ ์ ์๋ค:
const { nanoid } = require('nanoid')
const id = nanoid() // e.g. "5w3qCfBb5VgKkR9XHfOzN"
nanoid๋ฅผ ์ฌ์ฉํ์ฌ ์์ฑ๋ ID๋ ๊ธฐ๋ณธ์ ์ผ๋ก 21์๋ฆฌ๋ค. ๊ทธ๋ฌ๋ ๊ธธ์ด๋ฅผ ์ง์ ํ์ฌ ์์ฑํ ์๋ ์๋ค:
const id = nanoid(10) // e.g. "yXr9DfTg5h"
์ด๋ฌํ ๋ฐฉ์์ผ๋ก nanoid๋ฅผ ์ฌ์ฉํ์ฌ ๋ฌด์์ ์๋ณ์๋ฅผ ์์ฑํ ์ ์๋ค.
์ด๋ฌํ ID๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๊ธฐ๋ณธ ํค, URL์ ๋จ์ถ URL, ์ธ์ ID ๋ฑ ๋ค์ํ ์ฉ๋๋ก ์ฌ์ฉํ ์ ์๋ค.
'Basic > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
AJAX์ ์ ์ ๋ฐ ์ฌ์ฉ ๋ฐฉ๋ฒ (0) | 2023.03.25 |
---|---|
[Javascript] ๋ฐฐ์ด์ ์ต๋๊ฐ ์ป๋ ๋ฐฉ๋ฒ 3๊ฐ์ง (0) | 2023.03.19 |
[JavaScript] ๋น๊ตฌ์กฐํ ํ ๋น(Destructuring Assignment) (0) | 2023.03.16 |
[Javascript] Test๋ฅผ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ชจ์ (0) | 2023.03.14 |
undefined ์ null์ ์ฐจ์ด (0) | 2023.03.13 |