๐ช Programming
[CS] RISC / CISC ์ํคํ
์ฒ ์ฐจ์ด์
[CS] RISC / CISC ์ํคํ ์ฒ ์ฐจ์ด์
2024.05.01์ ํ์ 2020๋
x86 ์ํคํ
์ฒ์์ ARM์ผ๋ก ์ ํํ๋ค. M1 ๋งฅ๋ถ๋ถํฐ ARM ์ํคํ
์ฒ๋ฅผ ์ฌ์ฉํ๋ค. ์ธํฐ๋ท, ์ ๋ฌธ์์ ์์์ด ๋ค์๋ ๋ง์ด๋ค. ํ์ง๋ง ์ ์ ์ ARM ํ๋ก์ธ์๋ฅผ ์ฌ์ฉํ ๋งฅ๋ถ์ด ๋ ๋น ๋ฅธ์ง, ์ ๋ฐ์คํฌํฑ ๊ธฐ๊ธฐ๋ ์ธํ
/AMD์ ์ฌ์ฉํ๊ณ ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ๋ ARM์ ์ฌ์ฉํ๋์ง ๋ฑ์ ๋ชฐ๋๋ค. ๊ทธ๋์ ์ค๋์ ์ธํ
๊ณผ ARM ์ํคํ
์ฒ์ ์ฐจ์ด์ ์ ๋ํด์ ์์๋ณธ๋ค(์์ฆ์ ๋
ธํธ๋ถ, ์๋ฒ, ์ํผ ์ปดํจํฐ์์๋ ARM์ ์ฌ์ฉํ๋ค). ์ด์
๋ธ๋ฆฌ ์ธ์ด๐ก ์ด์
๋ธ๋ฆฌ ์ธ์ด๋ ๊ธฐ๊ณ์ด์ ํ ๋จ๊ณ ์ ์ธ์ด๋ค. ํน์ ํ๋ก์ธ์์ ๋ฐ์ธ๋ฉ๋ ๊ธฐ๋ณธ ๋ช
๋ น ์งํฉ์ผ๋ก ์์ฝ์ด๊ฐ ๋งค์ฐ ์ ๋ค. ์ด์
๋ธ๋ฆฌ ์ธ์ด ์ฝ๋๋ ์ปดํจํฐ๊ฐ ์ฒ๋ฆฌํ๊ธฐ ์ ์ ๊ธฐ๊ณ์ด(0๊ณผ 1)๋ก ๋ณํํด์ผ ํ๋ค. ์ด ๋ณํ์ ์ด์
๋ธ๋ฌ๋ฅผ ํตํด ์ด๋ค์ง๋ค. ๊ธฐ๊ณ์ด์ ์ด์
๋ธ๋ฆฌ์ด ๋ชจ๋ Low Level..
[JS] ์๋ฐ์คํฌ๋ฆฝํธ RORO ๋์์ธ ํจํด / ์คํ ํธ๋ ์ด์ค / ์๋ฌ ์ ํ
[JS] ์๋ฐ์คํฌ๋ฆฝํธ RORO ๋์์ธ ํจํด / ์คํ ํธ๋ ์ด์ค / ์๋ฌ ์ ํ
2024.05.01TL;DRRORO ํจํด์ Receive an Object, Return and Object์ ์ฝ์๋ค. ํจ์์ ํ๋ผ๋ฏธํฐ์ ๋ฆฌํด๊ฐ ๋ชจ๋ ๊ฐ์ฒด์ธ๊ฑธ ๋งํ๋ค. ES6๋ถํฐ ์ง์ํ๋ ๊ตฌ์กฐ๋ถํดํ ๋น ๋๋ถ์ ์๋ฐ์คํฌ๋ฆฝํธ์์๋ RORO ํจํด์ ์ฌ์ฉํ ์ ์๋ค. ํ๋ผ๋ฏธํฐ ์ ์ ๋ฐฉ์(RORO ํจํด)๋ง ์ด์ง ๋ฐ๊ฟจ์ง๋ง ๊ฐ๋
์ฑ์ ๋งค์ฐ ์ข์์ง๋ค. RORO ํจํด์ ์ฅ์ ์ ์๋์ ๊ฐ๋ค. ์ด๋ฆ์ด ์ง์ ๋ ํ๋ผ๋ฏธํฐ (Named parameters)๋ช
์์ ์ธ ํ๋ผ๋ฏธํฐ ๊ธฐ๋ณธ๊ฐ (Cleaner default parameters)๋ ๋ง์ ์ ๋ณด ๋ฐํ (Richer return values)ํจ์ ํฉ์ฑ ์ฉ์ด (Easy function composition) ์ด๋ฆ์ด ์ง์ ๋ ํ๋ผ๋ฏธํฐํ๋ผ๋ฏธํฐ์ {} ์ค๊ดํธ๋ง ์ถ๊ฐํด์ฃผ๋ฉด ๊ฐ๋จํ๊ฒ RORO ํจํด์ ์ ์ฉํ ์ ์๋ค. ..
[React] ๋ฆฌ์กํธ ๋ผ์ฐํฐ React Router v6 ๋ฐ๋์ ํบ์๋ณด๊ธฐ
[React] ๋ฆฌ์กํธ ๋ผ์ฐํฐ React Router v6 ๋ฐ๋์ ํบ์๋ณด๊ธฐ
2024.04.30React Router๊ฐ v6์ผ๋ก ์
๋ฐ์ดํธ ๋๋ฉด์ ๊ฝค ๋ง์ ๋ถ๋ถ์ด ๋ฐ๋์๋ค. ๊ณต์ ๋ฌธ์์์ ์์ธํ ๋ง์ด๊ทธ๋ ์ด์
๊ฐ์ด๋๋ ์ ๊ณตํ๊ณ ์๋ค. v6์ ์ฌ์ฉํ๋ ค๋ฉด React 16.8 ๋ฒ์ ์ด์ ์ฌ์ฉํด์ผ ํ๋ค. v6์ ์ด์ ๋ฒ์ ๋๋น ๋ฒ๋ค ์ฌ์ด์ฆ๋ 70% ์ด์ ์ค์๋ค๊ณ ํ๋ค(ํจํค์ง ์
๋ฐ์ดํธ๋ง์ผ๋ก ๋ฒ๋ค ํฌ๊ธฐ ์ต์ ํ๊ฐ ๊ฐ๋ฅํ๋ค๋ ๋ป). Switch → Routes ์ปดํฌ๋ํธ๊ฐ ๋ผ๋ ์ด๋ฆ์ผ๋ก ๋ณ๊ฒฝ๋๋ค. ๋ฐ๋ ์ด๋ฆ์ด ๋ ์ง๊ด์ ์ธ ๊ฒ ๊ฐ๋ค. ๋ง ๋จ๋
์ผ๋ก ์ฌ์ฉํ ์๋ ์๊ฒ ๋๋ค. ๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ํญ์ ๋ก ๊ฐ์ธ์ค์ผ ํ๋ค.// v5 // v6 exact ์ต์
์ญ์ v6๋ถํฐ ๊ฒฝ๋ก๊ฐ ์ ํํ ์ผ์นํ๋๋ก ๋งค์นญ ๊ท์น์ด ๋ฐ๊ผ๋ค. ๋์ด์ exact ์ต์
์ ๋ช
์ํ์ง ์์๋ ๋๋ค. ๋ชจ๋ ๋ผ์ฐํธ๋ ๊ธฐ๋ณธ์ ์ผ๋ก exact ์ต์
์ด ๋ถ๋๋ค๊ณ ๋ณด๋ฉด ๋๋ค...
[Algorithm] ํ๋ก๊ทธ๋๋จธ์ค ๋น๋ฐ์ง๋ ๋ฌธ์ ํ์ด
[Algorithm] ํ๋ก๊ทธ๋๋จธ์ค ๋น๋ฐ์ง๋ ๋ฌธ์ ํ์ด
2024.04.30๊ธ ์์ ์ฌํญ์ ๋
ธ์
ํ์ด์ง์ ๊ฐ์ฅ ๋น ๋ฅด๊ฒ ๋ฐ์๋ฉ๋๋ค. ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด ์ฃผ์ธ์ 2018๋
์นด์นด์ค ๋ธ๋ผ์ธ๋ ํ
์คํธ 1์ฐจ ๋น๋ฐ์ง๋ ๋ฌธ์ (๋ฌธ์ ๋ฒํธ 17681). ํ๋ผ๋ฏธํฐ๋ arr1 arr2 n ์ด๋ ๊ฒ 3๊ฐ๋ฅผ ๋ฐ์ผ๋ฉฐ, n์ ํ ๋ณ์ ๊ธธ์ด๋ฅผ ๋ํ๋ธ๋ค(๋ฐฐ์ด ๊ฐ ์์๋ฅผ ์ด์ง์๋ก ๋ณํํ ํ์ length). โถ 2๊ฐ์ ๋ฐฐ์ด์ ๋ฐ์[9, 20, 28, 18, 11]; // arr1[30, 1, 21, 17, 28]; // arr2 โท ๋ฐฐ์ด์ ๊ฐ ์์๋ฅผ 2์ง์๋ก ๋ณํํ ๋ค (10์ง์ → 2์ง์ ๋ณํ์ ๋
ธํธ ์ฐธ๊ณ )['01001', '10100', '11100', '10010', '01011']; // arr1['11110', '00001', '10101', '10001', '11100']; // arr2 โธ 0 → ' ' ๊ณต..
[AWS] EC2 ๋์คํฌ ๊ณต๊ฐ ๋๋ฆฌ๊ธฐ / ์ฌ์ ๊ณต๊ฐ ํ๋ณดํ๊ธฐ
[AWS] EC2 ๋์คํฌ ๊ณต๊ฐ ๋๋ฆฌ๊ธฐ / ์ฌ์ ๊ณต๊ฐ ํ๋ณดํ๊ธฐ
2024.04.30EC2 ํฐ๋ฏธ๋์์ ํจํค์ง๋ฅผ ์
๋ฐ์ดํธ ํ๋ ค๊ณ ํ๋ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. VSCode๋ฅผ ์ด์ฉํด ์๊ฒฉ์ผ๋ก EC2์ ์ ์ํ ๋๋ ์์ธ์ ๋ชจ๋ฅผ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค. ๋์คํฌ ์ฉ๋์ด ๋ถ์กฑํด์ ๋์ค๋ ์๋ฌ๋ค.no space left on device df -h ๋ช
๋ น์ด๋ก xvda1 ๋๋ฐ์ด์ค ๋ณผ๋ฅจ ๊ณต๊ฐ์ ํ์ธํด๋ณด๋ ์ฌ์ฉ๋์ด 99%๋ค. ์ฉ๋ ์ถ๊ฐ๊ฐ ํ์ํ๋ค. ํ๋ฆฌํฐ์ด ์๊ธ์ ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ฃผ์ด์ง๋ ์ฉ๋์ 8GB์ง๋ง, ๋ฉ๋ชจ๋ฆฌ ์ค์ ๋ฑ์ ํ๊ณ ๋๋ฉด ํฑ์์ด ๋ถ์กฑํ๋ค. ๋คํํ ํ๋ฆฌํฐ์ด๋ 30GB๊น์ง ๋ฌด๋ฃ๋ก ์ฌ์ฉํ ์ ์๋ค.df -h Filesystem Size Used Avail Use% Mounted onudev 462M 0 462M 0% /de..
[JS] ์ ๊ท์์ผ๋ก ๊ฒ์์ด ํ์ด๋ผ์ดํธ / ๋ฌธ์์ด ๋งํฌ ๊ฑธ๊ธฐ(Linkify)
[JS] ์ ๊ท์์ผ๋ก ๊ฒ์์ด ํ์ด๋ผ์ดํธ / ๋ฌธ์์ด ๋งํฌ ๊ฑธ๊ธฐ(Linkify)
2024.04.30๊ฒ์์ฐฝ์ ์
๋ ฅํ ํค์๋์ ์ผ์นํ๋ ๋จ์ด๋ฅผ ํ์ด๋ผ์ดํธ(๊ฐ์กฐ) ํ๊ธฐ ์ํด split, join ๋ฑ์ ์ฌ์ฉํ ์ ์์ง๋ง ์ฝ๋๊ฐ ๋ค์ ๋ณต์กํด์ง๋ค. ์ ๊ท์์ ์ฌ์ฉํ๋ฉด ๊น๋ํ๊ฒ ๊ตฌํํ ์ ์๋ค. ํ์ด๋ผ์ดํฐ ํจ์ ์ ์ โผconst getHighlightedText = (text, query) => { const re = new RegExp(`(${query})`, 'gi'); if (query !== '' && text.match(re)) { const parts = text.split(re); return ( {parts.map((part) => part.toLowerCase() === query.toLowerCase() ? ( {part} ..
[JS] Lodash _.memoize ์์ค ์ฝ๋ ํบ์๋ณด๊ธฐ
[JS] Lodash _.memoize ์์ค ์ฝ๋ ํบ์๋ณด๊ธฐ
2024.04.30_.memoize ์์ค์ฝ๋Lodash ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ Memoize ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ฉด ์ด์ ์ ์งํํ๋ ์ฐ์ฐ ๊ฒฐ๊ณผ๋ฅผ ์ฌ์ฌ์ฉํ ์ ์๋ค. ์ค์๊ฐ ๊ฒ์์ฐฝ์ ๊ตฌํํ ๋ ์
๋ ฅํ ํค์๋์ ๋ํ API ํธ์ถ์ ์๋ํ๋๋ฐ, ์ด๋ฏธ ๊ฒ์ํ๋ ํค์๋๋ ๊ฒฐ๊ณผ๋ฅผ ์บ์ฑํด๋๊ณ ์ฌ์ฌ์ฉํ๋ฉด API ์ค๋ณต ํธ์ถ์ ๋ฐฉ์งํ ์ ์๋ค. ์ด๋ Lodash์ Memoize๋ฅผ ํ์ฉํ ์ ์๋ค(๋ฌผ๋ก ํค์๋์ ๋ํ ๊ฒฐ๊ณผ๊ฐ์ด ์์ฃผ ๋ณํ๋ค๋ฉด ์บ์ฑ ๊ธฐ๋ฅ์ ์ฌ์ฉํ ํ์ ์๋ค) ์ค์๊ฐ ๊ฒ์์ฐฝ์ ํ์ฉํ Memoizeimport _ from 'lodash';export const requestQuotes = _.memoize(async (title) => { const res = await fetch( `https://animechan.vercel.app/ap..
[React] ๋ฆฌ์กํธ๋ก ์ค์๊ฐ ๊ฒ์์ฐฝ ๊ตฌํํ๊ธฐ
[React] ๋ฆฌ์กํธ๋ก ์ค์๊ฐ ๊ฒ์์ฐฝ ๊ตฌํํ๊ธฐ
2024.04.30๊ธ ์์ ์ฌํญ์ ๋
ธ์
ํ์ด์ง์ ๊ฐ์ฅ ๋น ๋ฅด๊ฒ ๋ฐ์๋ฉ๋๋ค. ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด ์ฃผ์ธ์ Debounce๋ ์ด๋ฒคํธ๊ฐ ์ฐ์์ ์ผ๋ก ๋ฐ์ํด๋ ํญ์ ๋ง์ง๋ง ์ด๋ฒคํธ๋ง ์ฒ๋ฆฌํ๋ ๊ฒ์ ๋งํ๋ฉฐ, Memoize๋ ์ด์ ์ฐ์ฐ ๊ฒฐ๊ณผ๋ฅผ ์ฌ์ฌ์ฉํ๋ ๊ฒ์ ๋งํ๋ค. Debounce์ Memoize๋ฅผ ํ์ฉํด ๋ถํ์ํ API ์์ฒญ์ ๋ฐฉ์งํ ์ ์๋ค. Animichan์ ์ผ๋ณธ ์ ๋๋ฉ์ด์
์ ๋ฑ์ฅํ ์ธ์ฉ๋ฌธ(Quotes)์ ์ ๊ณตํ๋ OpenAPI๋ค. title ๋งค๊ฐ๋ณ์์ ์ ๋๋ฉ์ด์
์ ๋ชฉ์ ์ฟผ๋ฆฌ์คํธ๋ง ๋ณด๋ด์ ์์ฒญํ๋ฉด, ํด๋น ์ ๋๋ฉ์ด์
์ ์ธ์ฉ๋ฌธ ์ธํธ๋ฅผ ๋ฐ์์ฌ ์ ์๋ค. ์ด API๋ฅผ ์ด์ฉํด ๊ฐ๋จํ ๊ฒ์ ์ดํ๋ฆฌ์ผ์ด์
์ ๊ตฌํํ ์ ์๋ค. // Request'https://animechan.vercel.app/api/quotes/anime?title=naruto'..
[HTML/CSS] ํผ ํ๋(input) ์์ ๋ณ๊ฒฝํ๊ธฐ — accent-color
[HTML/CSS] ํผ ํ๋(input) ์์ ๋ณ๊ฒฝํ๊ธฐ — accent-color
2024.04.29ํผ ํ๋(input) ์คํ์ผ์ ๋๋ฐ์ด์ค, OS, ๋ธ๋ผ์ฐ์ ์ ๋ฐ๋ผ ๋ฌ๋ผ์ง๋ฏ๋ก ์ํ๋ ์คํ์ผ์ ์ง์ ํ๊ธฐ ํ๋ค๋ค. ํ์ง๋ง accent-color CSS ์์ฑ์ ์ด์ฉํ๋ฉด ํผ ํ๋์ ๊ฐ์กฐ ์์์ ์์ฝ๊ฒ ๋ณ๊ฒฝํ ์ ์๋ค. accent-color ์์ฑ์ input ํ๊ทธ์ checkbox radio range ํ์
์ ์ ์ฉํ ์ ์๋ค. CSS ์
๋ ํฐ์ input๋ง ๋ช
์ํ๋ค๋ฉด checkbox radio range ํ์
์ ๋ชจ๋ ์ ์ฉ๋๋ค.input { }input[type="radio"] { }input[type="checkbox"] { }input[type="range"] { } accent-color ์์ฑ์ Chrome, Firefox ์ต์ ๋ฒ์ ์์ ์ง์ํ๋ค. ์์ฝ๊ฒ๋ ์ฌํ๋ฆฌ์์ ์ง์ํ์ง ์๋๋ค. ์์HTML โผ ..
[JS] ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก์ Proxy ๊ฐ์ฒด / Reflect
[JS] ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก์ Proxy ๊ฐ์ฒด / Reflect
2024.04.29๊ธ ์์ ์ฌํญ์ ๋
ธ์
ํ์ด์ง์ ๊ฐ์ฅ ๋น ๋ฅด๊ฒ ๋ฐ์๋ฉ๋๋ค. ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด ์ฃผ์ธ์ Vue.js์์ Reactive๋ก ๋ฐ์์ฑ์ ์ฃผ์
ํ ๋ฐ์ดํฐ๋ฅผ ์ฝ์๋ก ์ฐ์ด๋ณด๋ฉด ์๋์ฒ๋ผ Proxy `{ ... }` ํํ๋ก ์ถ๋ ฅํ๋ค. Proxy๋ฅผ ์ฌ์ฉํด์ ์
๋ ฅํ ๋ฐ์ดํฐ(์ํ)๋ฅผ ํ ๋ฒ ๊ฐ์ผ ๊ฒ์ด๋ค. ์ด๋ ๊ฒ Proxy๋ฅผ ์ด์ฉํ๋ฉด ๊ฐ์ฒด ํ๋กํผํฐ์ ์ฝ๊ธฐ / ์ฐ๊ธฐ ๊ฐ์ ์์
์ ์ค๊ฐ์ ๊ฐ๋ก์ฑ์ ์ํ๋ ์์
์ ์ํํ๋๋ก ํ ์ ์๋ค. ์ฌ์ฉ ๋ฐฉ๋ฒconst proxy = new Proxy(target, handler); target : Proxy๋ก ๊ฐ์ ์๋ณธ ๊ฐ์ฒด. ํจ์๋ฅผ ํฌํจํ ๋ชจ๋ ๊ฐ์ฒด ๊ฐ๋ฅhandler : get์ด๋ set ๊ฐ์ ๋์์ ๊ฐ๋ก์ฑ๋ ๋ฉ์๋(ํธ๋ฉ; trap)์ด ๋ด๊ธด ๊ฐ์ฒด. ๊ฐ์ฒด๋ฅผ proxy๋ก ๊ฐ์ผ ํ, handler์ ์์ํ๋ ..
[JS] ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด ํ๋กํผํฐ ์ค๋ช
์ / ํ๋๊ทธ / ์ต์๋ฒ ํจํด
[JS] ์๋ฐ์คํฌ๋ฆฝํธ ๊ฐ์ฒด ํ๋กํผํฐ ์ค๋ช ์ / ํ๋๊ทธ / ์ต์๋ฒ ํจํด
2024.04.29๊ธ ์์ ์ฌํญ์ ๋
ธ์
ํ์ด์ง์ ๊ฐ์ฅ ๋น ๋ฅด๊ฒ ๋ฐ์๋ฉ๋๋ค. ๋งํฌ๋ฅผ ์ฐธ๊ณ ํด ์ฃผ์ธ์ ํ๋กํผํฐ ํ๋๊ทธ๊ฐ์ฒด๋ ๊ฐ(value) ์ธ์๋ ํ๋๊ทธ(flag)๋ผ๋ ํน๋ณ์ ์์ฑ์ด ์๋ค. ํ๋๊ทธ๋ ์๋ 3๊ฐ์ง ์ข
๋ฅ๊ฐ ์๋ค. ์ผ๋ฐ์ ์ผ๋ก ๊ฐ์ฒด๋ฅผ ์ ์ธํ๋ฉด(๊ฐ์ฒด ๋ฆฌํฐ๋ด ํน์ Object ์์ฑ์ ํจ์ ์ฌ์ฉ) ํ๋กํผํฐ์ ํ๋๊ทธ๋ `true`๋ฅผ ๊ธฐ๋ณธ๊ฐ์ผ๋ก ๊ฐ์ง๋ค. ํ๋กํผํฐ ๊ฐ ์์ ํ๋กํผํฐ ์ญ์ ๋ฐ๋ณต๋ฌธ ๋์ดํ๋๊ทธ ์์ `writable: false`โโ
โ
โ
`enumerable: false`โ
โ
โโ
`configurable: false`โ
โโ
โ writable (์์ )`true` : ํ๋กํผํฐ ๊ฐ ์์ ๊ฐ๋ฅ`false` : ํ๋กํผํฐ ๊ฐ ์์ ๋ถ๊ฐ (ํ๋กํผํฐ ์ญ์ ๋ ๊ฐ๋ฅ)enumerable (์ด๊ฑฐ)`true` : ๋ฐ๋ณต๋ฌธ์ผ๋ก ๋์ด ๊ฐ๋ฅ`false` : ๋ฐ..
[JS] ์๋ฐ์คํฌ๋ฆฝํธ ๋๋ฐ์ด์ค Debounce, ์ค๋กํ Throttle ๊ตฌํํ๊ธฐ
[JS] ์๋ฐ์คํฌ๋ฆฝํธ ๋๋ฐ์ด์ค Debounce, ์ค๋กํ Throttle ๊ตฌํํ๊ธฐ
2024.04.29๋๋ฐ์ด์ค๋ input ์ด๋ฒคํธ์(๋ฆฌ์กํธ์์ onChange), ์ค๋กํ์ scroll ์ด๋ฒคํธ์ ์์ฃผ ์ฌ์ฉ๋๋ค. ๋๋ฐ์ด์ค๋ ์๋ฌด๋ฆฌ ๋ง์ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํด๋ ๋ง์ง๋ง ์ด๋ฒคํธ๋ง ์คํํ๋ ๋ฐ๋ฉด, ์ค๋กํ์ ์ ์ด๋ `n` ๋ฐ๋ฆฌ์ด ๋ง๋ค ์ ๊ธฐ์ ์ผ๋ก ๊ธฐ๋ฅ ์คํ์ ๋ณด์ฅํ๋ ์ ์ด ๊ฐ์ฅ ํฐ ์ฐจ์ด์ . ์ฐธ๊ณ ๋ก Lodash ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ฐ์ด์ค์ ์ค๋กํ ๋ฉ์๋๊ฐ ํฌํจ๋์ด ์๋ค._.debounce(func, wait, [options])_.throttle(func, wait, [options]) ๋๋ฐ์ด์ค | Debounce์ด๋ฒคํธ๊ฐ ์ฐ์์ ์ผ๋ก ๋ฐ์ํด๋ ํญ์ ๋ง์ง๋ง ์ด๋ฒคํธ๋ง ์ฒ๋ฆฌ์ด๋ฒคํธ๋ฅผ ๊ทธ๋ฃนํํ์ฌ ํน์ ์๊ฐ์ด ์ง๋ ํ ํ๋์ ์ด๋ฒคํธ๋ง ๋ฐ์ํ๋๋ก ํ๋ ๊ธฐ์ ๋๋ฐ์ด์ค ์์ ์ฝ๋ โผfunction debounce(callback, ms) { ..