๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

vue ๋ฐ์ดํ„ฐ ์—ฐ๋™1

[axios] API ํ˜ธ์ถœํ•˜๊ธฐ ์ „์— ์—…๋กœ๋“œ ํ–ˆ๋˜ ํฌ์ŠคํŒ…์—์„œ vueํ”„๋กœ์ ํŠธ์™€ spring boot๋กœ ์ƒ์„ฑํ•œ apiํ”„๋กœ์ ํŠธ๋ฅผ ์—ฐ๋™ํ•˜๋Š” ์ž‘์—…๊นŒ์ง€ ๋งˆ์น˜์—ˆ๊ณ , ์ด์ œ ์ง์ ‘ api๋กœ ๋ฐ˜ํ™˜๋ฐ›์€ ๋ฐ์ดํ„ฐ๋ฅผ vueํ”„๋กœ์ ํŠธ์—์„œ ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ํ†ต์‹ ํ•˜๋Š” ์ž‘์—…์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋ณด์•˜๋‹ค. ๋ชฉ์ฐจ๋Š” ์•„๋ž˜์™€ ๊ฐ™๋‹ค. 01. axios๋ž€? 02. ์—ฐ๋™ ์˜ˆ์‹œ 01. axios๋ž€? ์ผ๋ฐ˜์ ์œผ๋กœ node.js์—์„œ apiํ†ต์‹ ์„ ํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. javascript์—์„œ๋Š” ์œ ์‚ฌํ•œ ๋™์ž‘์„ ํ•˜๊ธฐ ์œ„ํ•ด ajax๋ฅผ ํ™œ์šฉํ•˜์˜€๋‹ค๋ฉด, vue๋‚˜ react๋“ฑ์—์„œ๋Š” axios๋ฅผ ํ™œ์šฉํ•˜์—ฌ api ํ†ต์‹  ์ž‘์—…์„ ํ•œ๋‹ค๊ณ  ์ดํ•ดํ•˜๋ฉด ๋œ๋‹ค. 02. ์—ฐ๋™ ์˜ˆ์‹œ axios ์„ค์น˜ ๋”๋ณด๊ธฐ ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์šฐ์„ ์ ์œผ๋กœ ์„ค์น˜ ์ž‘์—…์„ ์ง„ํ–‰ํ•ด์•ผ ํ•œ๋‹ค. ์„ค์น˜๋ฅผ ์œ„ํ•œ ๋ฐฉ๋ฒ•์€ ํ•œ๊ฐ€์ง€ ์ด์ƒ์ธ๋ฐ, ๋ณธ์ธ์˜.. 2023. 3. 30.
๋ฐ˜์‘ํ˜•

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