๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

classList.toggle1

javascript classList.toggle๋กœ jquery addClass, removeClass, toggleClass ๊ตฌํ˜„ํ•˜๊ธฐ / ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ์‹œ ์˜์—ญ ํ™•์žฅ Javascript classList.toggle๋กœ jQuery addClass, removeClass, toggleClass ๊ตฌํ˜„ํ•˜๊ธฐ / ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ์‹œ ์˜์—ญ ํ™•์žฅ ์„œ๋ก  Javascript์™€ React์—์„œ ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด ๋‚ด์šฉ์ด ํ™•์žฅ๋˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฅผ ์œ„ํ•ด์„œ jQuery๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๊ฐ„๋‹จํ•˜์ง€๋งŒ, React์—์„œ๋Š” ๋ถˆํŽธํ•จ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์šฐ๋ฆฌ๋Š” ref์™€ useState๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋” ๊ฐ„ํŽธํ•˜๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์—์„œ๋Š” classList.toggle ๋ฉ”์„œ๋“œ๋ฅผ ํ™œ์šฉํ•˜์—ฌ jQuery์˜ addClass, removeClass, toggleClass๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, ๋”๋ณด๊ธฐ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ ์˜์—ญ์„ ํ™•์žฅํ•˜๋Š” ์˜ˆ์ œ๋„ ํ•จ๊ป˜ ์ œ์‹œํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. class.. 2022. 11. 2.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”