ํšŒ๊ณ 

๐ŸŽฎ 10์›” 2์ฃผ์ฐจ ํšŒ๊ณ 

frontChoi 2023. 10. 8. 12:42
๋ฐ˜์‘ํ˜•

๐Ÿฉฐ router push,replace ๊ตฌ๋ถ„ํ•˜์—ฌ ์“ฐ๊ธฐ

vue ์—์„œ router๋ฅผ push์™€ replace๋ฅผ ๊ตฌ๋ถ„ํ•˜์—ฌ ์‚ฌ์šฉํ•  ํ•„์š”๊ฐ€ ์žˆ๋‹ค.

์˜ˆ๋ฅผ ๋“ค์–ด ๊ฒฐ์ œ ํ›„ ์ด์ „ ํŽ˜์ด์ง€๋กœ ๊ฐ€๋ฉด ๋˜ ๊ฒฐ์ œ ํŽ˜์ด์ง€๋กœ ๊ฐ€๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. ์ด๋Ÿฌ๋ฉด 2๋ฒˆ์ด์ƒ ๊ฒฐ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•œ ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ด๊ธฐ ๋•Œ๋ฌธ์— ์ด๋Ÿฌํ•œ ๋ถ€๋ถ„์€ replace๋ฅผ ํ†ตํ•ด ๊ตฌ๋ถ„ํ•˜์—ฌ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค.

 

๐ŸŽฎ setTimeOut ์ž์ œํ•˜๊ธฐ

javascript์—์„œ๋Š” setTimeOut์ด๋‚˜ setInterval๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. ๋‹ค๋งŒ ์ด๊ฒƒ์„ ์“ด ํ›„์—๋Š” ํ•ญ์ƒ clear๋ฅผ ์‹œ์ผœ์ค˜์•ผ ํ•œ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋กœ๊ทธ์•„์›ƒ์ด๋‚˜ ํ™”๋ฉด์„ ๋ฒ—์–ด๋‚ ๋•Œ๋„ ์—ฌ์ „ํžˆ interval์ด ๊ณ„์†ํ•ด์„œ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

 

๐ŸŽฐ ํ˜„ ํšŒ์‚ฌ์—์„œ hoc ๊ณ ๋ฏผํ•˜๊ธฐ

vue๋‚˜ react๋“ฑ ์žฌ์‚ฌ์šฉ์„ฑ์— ๋Œ€ํ•ด ๊ณ ๋ฏผ์„ ๋งŽ์ด ํ•œ๋‹ค. ํ˜„ ํšŒ์‚ฌ์—์„œ๋„ ํ˜„์žฌ ๊ณตํ†ต๋œ ๋กœ์ง๋“ค์ด ์กด์žฌํ•˜๋Š”๋ฐ ์ด๊ฒƒ์„ ์–ด๋–ค ๋ฐฉ๋ฒ•์œผ๋กœ ์ฒ˜๋ฆฌ ํ•  ๊ฒƒ์ธ์ง€ ๊ณ ๋ฏผ์ด๋‹ค. ๊ทธ๋ž˜์„œ vue - hoc๋ฐฉ๋ฒ•์œผ๋กœ ํ•ด ๋ณผ ์˜ˆ์ •์ด๋‹ค

 

 

๋ฐ˜์‘ํ˜•