Study Anything ๐ง
ํ๋ก ํธ์ ์ฐ๊ฒฐํ๊ธฐ (2) - Axios ํ์ฉ ๋ณธ๋ฌธ
ํ๋ก ํธ์ ์ฐ๊ฒฐํ๊ธฐ (2) - Axios ํ์ฉ
์ 2022. 1. 25. 00:28์ด์ ํฌ์คํธ์์ ๋ฆฌ์กํธ์ ์ฅ๊ณ ๋ฅผ ์ฐ๊ฒฐํ๋ ๋ฐฉ๋ฒ ์ค์ REST API๋ฅผ ์ด์ฉํด json ๊ฐ์ฒด๋ฅผ ์ป๊ณ ,
๊ทธ๊ฒ์ ๋ฆฌ์กํธ์์ ์ฌ์ฉํ๋๋ก ํ๋ ๋ฐฉ๋ฒ์ด ์๋ค๊ณ ์ธ๊ธํ๋ค.
ํ์ง๋ง ์ดํ์ ๊ณ์ ํ์๋ฅผ ์งํํ๋ฉด์ ์ด ๋ฐฉ๋ฒ๊ณผ ์ ์ฉํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ฐพ์๋๋ค.
๋ฐ๋ก Axios๋ฅผ ํ์ฉํ ๋ฐฉ๋ฒ์ธ๋ฐ Axios๋ ๋ธ๋ผ์ฐ์ , Node.js๋ฅผ ์ํ HTTP ๋น๋๊ธฐ ํต์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค.
Promise API๋ฅผ ์ฌ์ฉํ๋ฉฐ ์์ฒญ(Request)๊ณผ ์๋ต(Response)์ json ํํ๋ก ๋ณ๊ฒฝํด์ค๋ค.
์ด ๋ ๋น๋๊ธฐ ๋ฐฉ์์ด๋
ํ์ด์ง์ ์์ฒญ(Request)์ ๋ณด๋ด๊ณ ์๋ต(Response)์ ๋ฐ๋ ํ์๊ฐ 1:1 ๊ด๊ณ๋ก ์ด๋ค์ง๋ ๊ฒ์ด ์๋,
ํ์ด์ง๋ฅผ ๋ฆฌ๋ก๋(Reload)ํ์ง ์์๋ ์๋ฒ์ ๊ณ์ํด์ ์์ฒญ์ ๋ณด๋ด๋ ๋ฐฉ์์ด๋ค.
Request๋ฅผ ๋ณด๋ด๊ธฐ ๋๋ฌธ์ POST, GET ๋ฑ์ ๋ฉ์๋๋ฅผ ์ฌ์ฉํ ์ ์๋ค.
์ด ๋ฉ์๋์ ์์ฒญ์ ์ฅ๊ณ ์์ ๋ฐ์์ ๊ธฐ๋ฅ์ ๊ตฌํํ๋๋ก ์งํํด ๋ณผ ์๊ฐ์ด๋ค.
'ํ๋ก์ ํธ > [Web] ์ํ ์์ฑ ์ฌ์ดํธ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ํ ์์ฑ (5) - ์ํ ์์ ํ๊ณ ์ญ์ ํ๊ธฐ (PUT, DELETE) (0) | 2022.02.13 |
---|---|
์ํ ์์ฑ (4) - ์ํ์ DB์ ์ ์ฅํ๊ณ ๋ถ๋ฌ์ค๊ธฐ (POST, GET) (0) | 2022.02.04 |
ํ๋ก ํธ์ ์ฐ๊ฒฐํ๊ธฐ (1) - ์ฅ๊ณ /๋ฆฌ์กํธ ์ฐ๋ (0) | 2022.01.18 |
์ํ ์์ฑ (3) - ์ํ ์์ธ๋ณด๊ธฐ (0) | 2022.01.14 |
์ํ ์์ฑ (2) - ์ํ ์ฐ๊ณ ์กฐํํ๊ธฐ (0) | 2022.01.12 |