์ฟ ํค๊ฐ ๋ฐ๊ธ๋์ง ์์ ๋ KOS ํ๋ก์ ํธ๋ ํ๋ก ํธ์๋์ React.js๋ฅผ ์ฌ์ฉํ๊ณ ์๋ฒ๋ go lang ๋ผ์ด๋ธ๋ฌ๋ฆฌ gin์ ์ด์ฉํ์ฌ ์งํ์ค์ด๋ค. ์ฒ์์ api๋ฅผ ๋ง๋ค๊ณ ๋์๋ postman์ด๋ผ๋ ํด๋ก ์ ๋๋ก ๋์ํ๋์ง ๊ฒ์ฌํ๋ค. ์ฒ์์๋ api์ฐ๊ฒฐ์ด ์์กฐ๋กญ๊ฒ ๋๋ค๊ฐ ๋ก๊ทธ์ธ์ ์ํด์ ์ฟ ํค๋ฅผ ๋ฐ๊ธํ๋ api๋ฅผ ์์ฑํ ์ดํ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค. ์ฟ ํค๊ฐ ๋ฐ๊ธ๋์ง ์๋๋ค. ํ๋ก ํธ์๋์์ ๋ฐ์ Network๋ 200์ผ๋ก ์ ์์ด๊ณ set-cookie๋๋ ๊ฒ๊น์ง ๋ณด์ด๋ฉฐ response๋ฅผ ์ถ๋ ฅํด๋ณด์๋ ์ ์์ด๋ค. ๊ทธ๋ ๋ค๋ฉด ์ ์ฟ ํค๊ฐ ๋ฐ๊ธ๋์ง ์์๊น? ๋ฐฑ์๋์์ ํ๋ก ํธ์๋์ ์ฟ ํค๋ฅผ ์ ์ฅ์ํค๊ธฐ ์ํด์๋ ์์ชฝ์ credential ์์ฑ์ ๋ชจ๋ ON ํด์ฃผ์ด์ผํ๊ธฐ ๋๋ฌธ์ด๋ค. ๋จผ์ ๋ฐฑ์๋(go lang)์ ์ฝ๋๋ ๋ค์๊ณผ ๊ฐ๋ค. // ..
Ajax๋ js๋ฅผ ์ด์ฉํ ๋น๋๊ธฐ ํต์ ์ผ๋ก, ํด๋ผ์ด์ธํธ ์๋ฒ ๊ฐ์ xml(Extensible Markup Language)๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ๋ ๊ธฐ์ ์ด๋ค. ์ ์ฒด ํ์ด์ง๋ฅผ ๋ฆฌ๋ก๋ํ์ง ์๊ณ ํ์ํ ๋ฐ์ดํฐ๋ง ๋ก๋ํ ์ ์๋ค๋ ์ฅ์ ์ด ์๋ค. Ajax ๋ฐฉ์์ ์ด์ฉํ ์น API๋ XMLHttpRequest ๋ถํฐ ์์ํ์ฌ fetch๋ฅผ ๊ฑฐ์ณ axios๊น์ง ๋ค์ํ๋ค. XMLHttpRequest๋ ๋ณต์กํ๊ณ ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๊ธฐ ๋๋ฌธ์ fetch api๊ฐ ES6์์๋ถํฐ ํ์ค์ด ๋์๋๋ฐ, ๋ฐ๋ผ์ ํ์ฌ fetch api๋ ๊ธฐ๋ณธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ๋ฐ๋ก ์ค์นํ์ง ์๊ณ ์ฌ์ฉํด๋ ๋๋ค. axios๋ Node.js์์ XMLHttpRequests๋ฅผ ์ฌ์ฉํ๊ธฐ ์ข๊ฒ ๋ง๋ค์ด๋ api์ด๋ฉฐ ๋ฐ๋ก ์ค์นํด์ฃผ์ด์ผ ๋์ํ๋ค. TOP Ajax API๋ฅผ ์ฐธ๊ณ ํ๋ฉด ๋ ๋ง์..
Comment