-
Notifications
You must be signed in to change notification settings - Fork 3
๐จ 9์กฐ ํ์ด์ง ๋ถ๋ฐฐ ๋ฐ ์๊ตฌ์ฌํญ ๋ถ์
Suwan edited this page Jul 28, 2023
·
2 revisions
- ์คํํธํ์ด์ง + ๊ฒ์ํ์ด์ง + ์นดํ ๊ณ ๋ฆฌํ์ด์ง ๊ตฌ์ฑ
-
localStorage๋ฅผ ์ฌ์ฉํ์ฌ โ๊ด์ฌ๋ถ์ผ ์ ํ ํญ๋ชฉโ์ ์ ์ฅํด์ฃผ์ธ์. - ๊ฒ์ ๊ธฐ๋ฅ์ ๊ตฌํํด ๊ฑฐ๋ ํญ๋ชฉ์
text์ ์ผ์นํ๋ ํญ๋ชฉ๋ค์ ๋ฆฌ๋๋๋ง ํด ์ฃผ์ธ์. - ์ด๋ฒคํธ์ ๊ด๋ฆฌ๋ฅผ ์ํด
throttle๋๋debounce๋ฅผ ์ฌ์ฉํด์ฃผ์ธ์.
ํ์๊ฐ์ & ๋ก๊ทธ์ธ ํ์ด์ง + ๊ณตํต ๋ ์ด์์ ๊ตฌ์ฑ
ํ์๊ฐ์ ํ์ด์ง
- ์ต์ํ ํด๋ํฐ ๋ฒํธ,์ธ์ฆ ๋ฒํธ ์
๋ ฅ ํ๋(
input), ์ ์ถ ๋ฒํผ(button)์ ๊ฐ์ง๋๋ก ๊ตฌ์ฑํด์ฃผ์ธ์. - ์ธ์ฆ ๋ฒํธ์ ์ ํจ์ฑ์ ๊ฒ์ฌํฉ๋๋ค
- ํด๋ํฐ ๋ฒํธ :
localStorage์ ์ ์ฅ๋key๊ฐ์ผ๋ก ์ฌ์ฉ๋ฉ๋๋ค. - ์ธ์ฆ๋ฒํธ : ์
๋ ฅ๋ฐ์ ๊ณ ์ ํ ID๋ฅผ
value๊ฐ์ผ๋ก ๊ฐ์ง๊ณ ์์ด์ผ ํฉ๋๋ค. - ํด๋ํฐ ๋ฒํธ์ ์ธ์ฆ๋ฒํธ ๋ชจ๋ ์ ๋ ฅ๋์ด ์๊ณ , ์กฐ๊ฑด์ ๋ง์กฑํด์ผ ์ ์ถ ๋ฒํผ์ด ํ์ฑํ ๋๋๋ก ๊ตฌํํด์ฃผ์ธ์.
- ํด๋ํฐ ๋ฒํธ :
๋ก๊ทธ์ธ ํ์ด์ง
- ํ์๊ฐ์
์ ํตํด ์ฌ์ฉ์(user)๋ฅผ ์์ฑํ๊ณ ๊ด๋ฆฌํฉ๋๋ค.
- ํด๋ํฐ ๋ฒํธ ์ ๋ ฅ์ ๋๋คํ 6์๋ฆฌ ๋์๋ฅผ ์์ฑ
- ํด๋น ์ธ์ฆ๋ฒํธ ์
๋ ฅ์ Unique ID ์ซ์๋ฅผ ๋ถ์ฌ ํ
localStorage์ ์ ์ฅ - ํด๋น ์ ์ ์ Unique ID๋ฅผ ํ์ธ ํ ๋ก๊ทธ์ธํฉ๋๋ค.
- ์๋ต๋ฐ์ Unique ID๋
localStorage์ ์ ์ฅํด์ฃผ์ธ์ - ๋ค์ ๋ฒ์ ๋ก๊ทธ์ธ ์ Unique ID๊ฐ ์กด์ฌํ๋ค๋ฉด ๋ฃจํธ ๊ฒฝ๋ก๋ก ๋ฆฌ๋๋ ์ ์์ผ์ฃผ์ธ์
- ์ด๋ค ๊ฒฝ์ฐ๋ Unique ID๊ฐ ์ ํจํ์ง ์๋ค๋ฉด ์ฌ์ฉ์์๊ฒ ์๋ฆฌ๊ณ ๋ก๊ทธ์ธ ํ์ด์ง๋ก ๋ฆฌ๋๋ ์ ์์ผ์ฃผ์ธ์
- ๋ก๊ทธ์์์ ํด๋ผ์ด์ธํธ ๋จ์์
localStorage์ ์ ์ฅ๋ Unique ID๋ฅผ ์ญ์ ํ๋ ๋ฐฉ์์ผ๋ก ๊ตฌํํฉ๋๋ค.
๋ฉ์ธํ์ด์ง
- ๋ฐ์ดํฐ ์คํค๋ง๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฅผ ์ค๊ณ ํ ๊ธฐ๊ธฐ ๊ฑฐ๋ ํ๋ฉด์ ํด๋น ๋ฐ์ดํฐ๋ฅผ ๋๋ํฉ๋๋ค.
๋ฉ์ธํ์ด์ง ๋ด๋ถ ๋ํ ์ผ ํ์ด์ง
- ๋ฐ์ดํฐ ์คํค๋ง๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฅผ ์ค๊ณ ํ ๊ธฐ๊ธฐ ๊ฑฐ๋ ํ๋ฉด์ ํด๋น ๋ฐ์ดํฐ๋ฅผ ๋๋ํฉ๋๋ค.
- ๊ฑฐ๋ ํญ๋ชฉ ์ ํ์ ๋ํ ์ผ ํ์ด์ง๋ก ๋ค์ด๊ฐ ์ด๋ฏธ์ง,์ ์ ์ ๋ณด,๋ณธ๋ฌธ ๋ฑ์ ๋ถ๋ฌ์ ๋๋๋งํฉ๋๋ค