CodeSquad๐นDay 55
3/25 ๊ธ์์ผ์ TIL์ ํ๋ฃจ ๋ฆ์ ์ค๋, ํ ์์ผ์ ์ฐ๊ฒ ๋์๋ค.
Mission
Carousel์ debounce๋ฅผ ์ ์ฉํ๋ ์๋๋ฅผ ํ๋ค. ์ฐ์ debounce์ ์๋ฆฌ๋ฅผ ์ ์ด๊ฐ๋ฉด์ ์ดํด๋ฅผ ํ๋ ค๊ณ ํ๋ค.
debounce ๋ก์ง์ ๋ฒ ๋ฅด๊ฐ Symbol์ ํ์ฉํ ๊ฒ์ ํ๋ฝ์ ๋ฐ๊ณ ์ฐ๊ธฐ๋ก ํ๋ค. ๋์ค์ ์ ์ดํด๊ฐ ์ ๊ฐ๋ ๋ถ๋ถ์ด ์์ด์ ๋ฒ ๋ฅด์๊ฒ ์ง๋ฌธ์ ํ๊ณ ๊ฒ๋ํ์ด์์ ๋ต๋ณ์ ์ป์ ์ ์์๋ค.
ํ์ง๋ง PR์ ๊ฒฐ๊ตญ ๋ณด๋ด์ง๋ ๋ชปํ๋ค. ์๊ฐ๋ณด๋ค debounce๋ฅผ ์ ์ฉํ๋ ๊ฒ ๊น๋ค๋ก์ด ์ผ์ด๋ผ๋ ๊ฒ์ ๊นจ๋ฌ์๋ค.
๊ทธ๋ฃน ๋ฆฌ๋ทฐ๋ ๋น ๋ฅด๊ฒ ๋์ด ๋ฌ๋ค. ์ค๋ ์ฐธ์ฌํ์ง ๋ชปํ ๋ฉค๋จธ๋ค๋ ์์ด์ ๋ ๋นจ๋ฆฌ ๋๋ฌ๋ค. ๊ทธ๋์ ๋ค๋ฅธ ์กฐ์์ ํ๋ ๋ฆฌ๋ทฐ๊ฐ ๊ถ๊ธํด์, ์ค์ ๋ค๋ฅธ ์ํ์์ค๋ก ๊ฐ์ ๋ฆฌ๋ทฐ๋ฅผ ๋ค์ด๋ณด์๋ค.
์ ๊ท ์๊ฐ์ธ 6์ ์ดํ์๋ ์์ด ๊ณต๋ถ๋ฅผ ์ข ํ๊ณ , ๋ง์ด ๋์๋ค. ์ ๊ทธ๋ฐ์ง ์ ๋ชจ๋ฅด๊ฒ ๋๋ฐ ์์ฆ ์ข ์ฒ์ง๋ ๋๋์ด ๋ ๋ค. ๋ง์ฝ ์คํ๋ผ์ธ์ผ๋ก ๊ณผ์ ์ด ์งํ๋์๋ค๋ฉด ์ด๋ ๊ฒ ์๊ฐ์ ๋ณด๋ด์ง๋ ์์์ ํ ๋ฐ, ๋ผ๋ ์์ฌ์์ด ์๋ค. ์๋ฌดํผ ์ด๋ฐ ๊ฒ๋ค๋ ์ค์ค๋ก ์ ํค์ณ๋๊ฐ์ผ ํ๋ค.
'What I learned > CodeSquad Log' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
CodeSquad Day 57 : Front-end Week 7 (0) | 2022.03.30 |
---|---|
CodeSquad Day 56 : Front-end Week 7 (0) | 2022.03.29 |
CodeSquad Day 54 : Front-end Week 6 (0) | 2022.03.25 |
CodeSquad Day 53 : Front-end Week 6 (0) | 2022.03.24 |
CodeSquad Day 52 : Front-end Week 6 (0) | 2022.03.23 |