728x90
๋ฐ˜์‘ํ˜•

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ 2

Library] Axios : ์‘์šฉ

2023.06.27 - [Front-End/Library] - Library] Axios ์ด์ „ Axios๊ธ€์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋งˆ์ง€๋ง‰ ์ฝ”๋ฉ˜ํŠธ์— ๋‹ฌ์•˜๋˜ ๋‚ด์šฉ๋“ค์„ ๋‹ค๋ค„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋™์‹œ์š”์ฒญ axios .all([axios.get(), axios.get(), req3...]) .then(axios.spread((res1, res2, res3, res4) => { // ์š”์ฒญ ์„ฑ๊ณตํ–ˆ์„ ๋•Œ }) ) ํ•œ ๋ฒˆ์— ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ–๊ณ  ์˜ค๊ณ  ์‹ถ์„ ๋•Œ ์‚ฌ์šฉํ•˜๋ฉด ๋  ๋“ฏํ•ฉ๋‹ˆ๋‹ค. Instance const axiosInstance = () => { const instance = axios.create({ baseURL: 'http://localhost:3000/account', withCredentials: true, xsrfCoo..

Front-End/Library 2023.06.28

Library] Axios

Axios Node.js์™€ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์œ„ํ•œ HTTP ๋น„๋™๊ธฐ ํ†ต์‹  ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ์„œ, Promise ํƒ€์ž…์ž…๋‹ˆ๋‹ค. BackEnd ↔ FrontEnd ์‚ฌ์ด์˜ ํ†ต์‹ ํ•˜๋Š” ์ˆ˜๋‹จ์œผ๋กœ, JS์—์„œ ์ฃผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ajax๋‚˜ fetch์™€ ๊ฐ™๋‹ค๊ณ  ๋ณด๋ฉด ๋ฉ๋‹ˆ๋‹ค. Promise๊ธฐ๋ฐ˜์ด๋ผ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ค๋ฃจ๋Š”๋ฐ ํŽธ๋ฆฌํ•จ Response๊ฐ€ ์ž๋™์œผ๋กœ JSONํ˜•ํƒœ๋กœ ๋ณ€๊ฒฝ CSRF๋ณดํ˜ธ ๊ธฐ๋Šฅ์ด ๋‚ด์žฅ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋‚ด์žฅ๋œ ๊ฒƒ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— ๋”ฐ๋กœ ์„ค์น˜๊ฐ€ ํ•„์š” ๋“ฑ์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค. fetch์™€ ajax๋ฅผ ๋ณด์™„ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋กœ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. CSRF(XSRF) : ์›น์‚ฌ์ดํŠธ ์ทจ์•ฝ์  ๊ณต๊ฒฉ์˜ ํ•˜๋‚˜๋กœ, ์‚ฌ์šฉ์ž๊ฐ€ ์ž์‹ ์˜ ์˜์ง€์™€๋Š” ๋ฌด๊ด€ํ•˜๊ฒŒ ๊ณต๊ฒฉ์ž๊ฐ€ ์˜๋„ํ•œ ํ–‰์œ„(CRUD ๋“ฑ)๋ฅผ ํŠน์ • ์›น์‚ฌ์ดํŠธ์— ์š”์ฒญํ•˜๊ฒŒ ํ•˜๋Š” ๊ณต๊ฒฉ ์„ค์น˜ npm install axios yarn ad..

Front-End/Library 2023.06.27
728x90
๋ฐ˜์‘ํ˜•