๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (100)

๐Ÿ–ฅ dev-ruby

๋„ฅ์Šคํ„ฐ์ฆˆ 21๊ธฐ ๋ฉด์ ‘ ํ›„๊ธฐ

์˜ค๋Š˜ 2022๋…„ 6์›” 4์ผ ํ† ์š”์ผ. ๋„ฅ์Šคํ„ฐ์ฆˆ ๋ฉด์ ‘์„ ๋ดค๋‹ค !! 30-35๋ถ„ ์ •๋„ ์ง„ํ–‰์ด ๋๊ณ  ๊ทธ๋ฃน ๋ฉด์ ‘์ธ๋ฐ ๋‚˜ ํฌํ•จ 2๋ช…์ด์˜€๋‹ค. 3๋ช… ์ •๋„๋Š” ๋  ์ค„ ์•Œ์•˜๋Š”๋ฐ ๋ฉด์ ‘์ž 2 ๋ฉด์ ‘๊ด€ 3 ์ด๋ผ ๋†€๋ž๋‹ค ์‚ฌ์‹ค ๋‚œ ๋Œ€ํ•™๊ต ์˜ฌ ๋•Œ๋„ 6๊ต๊ณผ๋กœ ์™€์„œ ์ธ์ƒ์— ๋ฉด์ ‘์„ ๋ณธ ๊ฒฝํ—˜์ด ์—†๋‹ค ๊ทธ๋ƒฅ.. ์—†์–ด ๊ทธ๋ƒฅ.. ์ด๋ฒˆ์— ์ฒ˜์Œ์œผ๋กœ ์ œ๋Œ€๋กœ ์ค€๋น„ํ•ด์„œ ๋ฉด์ ‘์„ ๋ดค๋Š”๋ฐ ์ž˜ ๋ณธ๊ฑด์ง€๋Š” ๋ชจ๋ฅด๊ฒ ๋‹ค ใ…Ž ๋ง์„ ๋ฒ„๋ฒ…์˜€๋‹คใ…  ๊ทผ๋ฐ ์‚ฌ์‹ค ์˜ˆ์ƒ ์งˆ๋ฌธ๋งŒ 38๊ฐœ๋ฅผ ๋ฝ‘์•˜๋Š”๋ฐ ๊ทธ ์ค‘ ํ•˜๋‚˜? ๋‘˜? ๊ทธ์ •๋„ ๋‚˜์˜จ๋“ฏ ใ…‹.. ํ•œ๋ฒˆ์ฏค ์ƒ๊ฐํ•ด๋ณผ๋งŒํ•œ ์งˆ๋ฌธ์ธ๋ฐ ์˜ˆ์ƒ ๋ชปํ•œ ์งˆ๋ฌธ๋“ค์ด ๋งŽ์•˜๋‹ค.. ์ƒ๊ฐ๋‚˜๋Š” ์งˆ๋ฌธ๋“ค์„ ์ •๋ฆฌํ•ด๋ณด์ž๋ฉด 1. Uiux์— ๊ด€์‹ฌ์ด ๋งŽ๋‹ค๊ณ  ํ•˜์…จ๋Š”๋ฐ ๋””์ž์ด๋„ˆ์™€ ์˜๊ฒฌ์กฐ์œจ์ด ์ ˆ๋Œ€ ๋˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์–ด๋–ป๊ฒŒ ํ•  ๊ฒƒ์ธ์ง€? โžก๏ธ ์ฒ˜์Œ์—๋Š” ์™œ ๊ทธ๋ ‡๊ฒŒ ์ƒ๊ฐํ•˜์‹œ๋Š” ์ง€ ๋””์ž์ด๋„ˆ ๋ถ„์˜ ์˜๊ฒฌ์„ ๋ฌผ์–ด๋ณด๊ณ ..

๋””๋ฐ”์šด์‹ฑ๊ณผ ์“ฐ๋กœํ‹€๋ง

์ž˜๋ชป๋œ ๋‚ด์šฉ์ด ์žˆ๋‹ค๋ฉด ๋Œ“๊ธ€๋กœ ์•Œ๋ ค์ฃผ์„ธ์š” ! ๐Ÿ˜„๐Ÿ˜Š ๋””๋ฐ”์šด์‹ฑ๊ณผ ์“ฐ๋กœํ‹€๋ง์€ ๋””๋ฐ”์ด์Šค์— ๋ฌด๋ฆฌ๋ฅผ ์ฃผ์ง€ ์•Š๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ๋ฒ•์ด๋‹ค. ์ผ์ข…์˜ ์ตœ์ ํ™”๋ผ๊ณ  ๋ณด๋ฉด๋œ๋‹ค. ๊ทธ๋ ‡๋‹ค๋ฉด ๊ฐ๊ฐ์˜ ์˜๋ฏธ๋ฅผ ์•Œ์•„๋ณด์ž. ๋””๋ฐ”์šด์‹ฑ(debouncing) : ์—ฐ์ด์–ด ๋ฐœ์ƒํ•œ ์ด๋ฒคํŠธ๋ฅผ ํ•˜๋‚˜์˜ ๊ทธ๋ฃน์œผ๋กœ ๋ฌถ์–ด์„œ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค. ์ฃผ๋กœ, ๊ทธ๋ฃน์—์„œ ์ฒ˜์Œ์ด๋‚˜ ๋งˆ์ง€๋ง‰์œผ๋กœ ์‹คํ–‰๋œ ํ•จ์ˆ˜๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค. ์“ฐ๋กœํ‹€๋ง(throttling) : ์—ฐ์ด์–ด ๋ฐœ์ƒํ•œ ์ด๋ฒคํŠธ์— ๋Œ€ํ•ด, ์ผ์ •ํ•œ delay๋ฅผ ํฌํ•จ์‹œ์ผœ ์—ฐ์†์ ์œผ๋กœ ๋ฐœ์ƒํ•œ ์ด๋ฒคํŠธ๋Š” ๋ฌด์‹œํ•˜๋Š” ๋ฐฉ์‹์„ ๋œปํ•œ๋‹ค. ์ฆ‰, delay์‹œ๊ฐ„๋™์•ˆ ํ˜ธ์ถœ๋œ ํ•จ์ˆ˜๋Š” ๋ฌด์‹œํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค. ๋””๋ฐ”์šด์‹ฑ ์˜ˆ์‹œ๋ฅผ ๋“ค์–ด ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•ด๋ณด๊ฒ ๋‹ค. ์‹๋‹น์—์„œ ์ฃผ๋ฌธ์„ ํ•  ๋•Œ, ์ฒซ๋ฒˆ์งธ ๋ฐฉ๋ฒ• 1. ๊ณ ๊ฐ: ์ฝœ๋ผ ์ฃผ๋ฌธ์ด์š”! 2. ์ง์›: ์ฝœ๋ผ ์ฃผ๋ฌธ๋„ฃ๊ธฐ ..