๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
ํšŒ๊ณ 

๐ŸŠ 5์›” 4์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2024. 5. 26.
๋ฐ˜์‘ํ˜•

๐Ÿ   ๋ฉ”๋ชจ์ œ์ด์…˜ ๊ธฐ๋ฒ• ์‘์šฉ

javascript ์ฑ…์„ ์ฝ๋‹ค๋ณด๋‹ˆ, ๋ฉ”๋ชจ์ œ์ด์…˜ ๊ธฐ๋ฒ•์ด ๋‚˜์™”๋‹ค. ํ•œ๋งˆ๋‹ค๋กœ, ํ•œ๋ฒˆ ์„ธํŒ…ํ•œ ๊ฐ’์€ ๋‘๋ฒˆ์ด์ƒ ์„ธํŒ…ํ•˜์ง€ ์•Š๋„๋ก ํ•˜๋Š” ๊ธฐ๋ฒ•์ด๋‹ค.

์ด๋Ÿฌํ•œ ๊ธฐ๋ฒ•์„ ์‹ค์ „์— ์‘์šฉํ•ด๋ณด๋„๋ก ํ•˜์ž

 

๐Ÿฆ– storage๊ฐ€ ์•„๋‹Œ indexedDB ์‚ฌ์šฉ

๋ณดํ†ต ์Šคํ† ๋ฆฌ์ง€๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ๋‹จ์ˆœ ๋ฐ์ดํ„ฐ๋Š” ์Šคํ† ๋ฆฌ์ง€๊ฐ€ ๊ดœ์ฐฎ์„ ์ˆ˜ ์žˆ์ง€๋งŒ, ๊ฑฐ๋Œ€ํ•œ ๋ฐ์ดํ„ฐ๋Š” indexedDB๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ์ด ๋‚˜์„ ์ˆ˜ ์žˆ๋‹ค. ์–ผ๋งˆ์ „์— ๋ฆฌ๋ทฐ์ค‘์— ์Šคํ† ๋ฆฌ์ง€ ๋ง๊ณ  ๋‹ค๋ฅธ ๊ฒƒ๋„ ์žˆ์œผ๋‹ˆ ํ™•์ธํ•ด๋ณด๋ผ๋Š” ๋ง์ด ์žˆ์—ˆ๋‹ค.

๊ทธ๋ž˜์„œ indexedDB ๋ฅผ ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž

 

โ˜‚๏ธ ๋‚จ์ด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ๋ฅผ ์งœ๋„๋ก ๋…ธ๋ ฅํ•ด๋ณด์ž

๋ช‡๋…„๊ฐ„ ํ˜ผ์ž ํ”„๋กœ์ ํŠธ ๋‹ด๋‹นํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์•˜๋‹ค. ๊ทธ๋ž˜์„œ ๋‹ค๋ฅธ ๋ถ„์ด๋ž‘ ํ˜‘์—…ํ•˜๋Š”๊ฒŒ ๊ฒฝํ—˜์ด ์ ์–ด์„œ ๊ทธ๋žฌ๋Š”์ง€, ์ด๋ฆ„์ด ํ—ท๊ฐˆ๋ ค์„œ ๋”ฐ๋ผ๊ธฐ๊ธฐ ์–ด๋ ต๋‹ค๋Š” ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์•˜๋‹ค. ์ƒˆ๋กญ๊ฒŒ ๋“ค์–ด์˜จ ์‚ฌ๋žŒ๋“ค์— ๋Œ€ํ•˜์—ฌ, ๊ฐ™์ด ํ˜‘์—…ํ•ด์„œ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ทœ์น™์„ ์ •ํ•ด๋ณด์ž

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€