๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
ํšŒ๊ณ 

๐ŸŽฏ 9์›” 3์ฃผ์ฐจ ํšŒ๊ณ 

by frontChoi 2023. 9. 17.
๋ฐ˜์‘ํ˜•

๐ŸŽบ axios retry ์ฒ˜๋ฆฌ

์ด๋ฒˆ์— apiํ˜ธ์ถœํ•˜๊ณ  ๋‚˜์„œ ์‹คํŒจํ•˜๋Š” ๊ฒฝ์šฐ ์žฌํ˜ธ์ถœ์„ ์‹คํŒจํ•˜์—ฌ, ์žฌํ˜ธ์ถœ ํ•˜๋„๋ก axios์„ค์ •์„ ๋ณ€๊ฒฝํ•˜์˜€๋‹ค. 8ํšŒ ์ •๋„ ์žฌ์š”์ฒญ์„ ํ•˜๊ณ  apiํ˜ธ์ถœ์„ ๊ทธ๋งŒํ•˜๋„๋ก ์„ค์ •ํ•˜์˜€๋‹ค. ๋„คํŠธ์›Œํฌ ์ƒํƒœ๊ฐ€ ์˜ฌ๋ฐ”๋ฅด์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๋„ ์ข…์ข… ์กด์žฌํ•˜๋‹ˆ, ์ด๋Ÿฌํ•œ ์„ค์ •์„ ํ•ด๋†“๋Š”๊ฒŒ ์ข‹๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

 

๐ŸŽฎ vue directive

vue directive๋ฅผ ํ†ตํ•ด ๊ณตํ†ต์ ์ธ ๋ถ€๋ถ„์„ ์–ด๋–ป๊ฒŒ ์ฒ˜๋ฆฌํ• ์ง€ ๊ณ ๋ฏผ์ด ํ•„์š”ํ•ด๋ณด์ธ๋‹ค. ํ˜„์žฌ ๊ณต์ง€์‚ฌํ•ญ ๋‚ด์šฉ ๊ฐ™์€๊ฒƒ๋“ค์ด replaceAll์œผ๋กœ ํ•œ๊ฒƒ๋“ค์ด ๋งŽ์€๋ฐ, directive๋ฅผ ํ†ตํ•ด ๊ฐ„๋‹จํ•˜๊ฒŒ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ด์•ผ ํ•œ๋‹ค.

 

๐ŸŽณ slot์„ ํ†ตํ•˜์—ฌ ํ…œํ”Œ๋ฆฟ ์ฒ˜๋ฆฌํ•„์š”

slot์€ ์ž์‹์ปดํผ๋„ŒํŠธ๋ฅผ ์ข€ ๋” ์ปค์Šคํ…€ํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ด๋‹ค. vue์—์„œ ์ œ๊ณตํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์ด๋ฉฐ, ํ˜„์žฌ ํšŒ์‚ฌ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ํ—ค๋”๊ฐ€ ๋‹ค๋ฅธ๊ฒŒ 4๊ฐœ ์ •๋„ ์กด์žฌํ•˜๋Š”๋ฐ 4๊ฐœ๋ฅผ slot์„ ํ†ตํ•ด ํ…œํ”Œ๋ฆฟํ™” ์‹œ์ผœ ์ ์šฉ ์‹œ์ผœ๋ณผ ์˜ˆ์ •์ด๋‹ค.

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€