๐ป Web/-- HTTP | Network
-
HTTP๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ํ ๊ฐ์ ๊ฐ์ง์ง ์๋ ํ๋กํ ์ฝ์ด๋ค. ๋ฐ๋ผ์ ๋ก๊ทธ์ธ, ์ฅ๋ฐ๊ตฌ๋์ ๊ฐ์ ๊ธฐ๋ฅ์ ๊ตฌํํ ๋ ์ฟ ํค(cookie) ์ ์ธ์ (session)์ ์ด์ฉํ๋๋ฐ, ํด๋ผ์ด์ธํธ์ ์๋ฒ ๊ฐ์ ์ํ ๊ฐ์ ์ ์ฅํ๋ ๊ฒ์ ๋งํ๋ค. ์ฝ๊ฒ๋งํ๋ฉด ์๋ฒ์ ํด๋ผ์ด์ธํธ๋ ๊ณ์ ์ฐ๊ฒฐ๋์ด์ ๋ ์ํ๊ฐ ์๋๋ค. ์ด๊ฒ์ด HTTP์ ๋จ์ ์ด๊ณ , ์ด๋ฅผ ๋ณด์ํ๊ธฐ ์ํด ์ฟ ํค์ ์ธ์ ์ ์ด์ฉํ๋ค๊ณ ํ๋ค. *์ฟ ํค(cookie) HTTP์ header์ ํฌํจ๋๋ค. key์ value๋ก(ํค์ ๊ฐ) ํํ๋๋ค. ์๋ฒ๋ก๋ถํฐ ์ฟ ํค๋ฅผ ๋ฐ์ ํด๋ผ์ด์ธํธ(์น ๋ธ๋ผ์ฐ์ )๋ ๊ฐ์ ์น ์๋ฒ์ ์ ์ํ ๋ ์ด์ ์ ์ ์ฅ๋ ์ฟ ํค๋ฅผ HTTP header์ ๋ด์ ๋ณด๋ด๋ ๊ณผ์ ์ ํตํด ์๋ฒ๋ ํ์ฌ ์ํ๊ฐ์ ์ ์ ์๊ฒ๋๋ค. ์ด๋ ๊ฒ ์์๋ธ ์ํ๊ฐ์ ํตํด, ํ์ด์ง๋ฅผ ์ฎ๊ฒจ๋ค๋ ๋ ๋ก๊ทธ์ธ..
์ฟ ํค์ ์ธ์ (cookie session)HTTP๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ํ ๊ฐ์ ๊ฐ์ง์ง ์๋ ํ๋กํ ์ฝ์ด๋ค. ๋ฐ๋ผ์ ๋ก๊ทธ์ธ, ์ฅ๋ฐ๊ตฌ๋์ ๊ฐ์ ๊ธฐ๋ฅ์ ๊ตฌํํ ๋ ์ฟ ํค(cookie) ์ ์ธ์ (session)์ ์ด์ฉํ๋๋ฐ, ํด๋ผ์ด์ธํธ์ ์๋ฒ ๊ฐ์ ์ํ ๊ฐ์ ์ ์ฅํ๋ ๊ฒ์ ๋งํ๋ค. ์ฝ๊ฒ๋งํ๋ฉด ์๋ฒ์ ํด๋ผ์ด์ธํธ๋ ๊ณ์ ์ฐ๊ฒฐ๋์ด์ ๋ ์ํ๊ฐ ์๋๋ค. ์ด๊ฒ์ด HTTP์ ๋จ์ ์ด๊ณ , ์ด๋ฅผ ๋ณด์ํ๊ธฐ ์ํด ์ฟ ํค์ ์ธ์ ์ ์ด์ฉํ๋ค๊ณ ํ๋ค. *์ฟ ํค(cookie) HTTP์ header์ ํฌํจ๋๋ค. key์ value๋ก(ํค์ ๊ฐ) ํํ๋๋ค. ์๋ฒ๋ก๋ถํฐ ์ฟ ํค๋ฅผ ๋ฐ์ ํด๋ผ์ด์ธํธ(์น ๋ธ๋ผ์ฐ์ )๋ ๊ฐ์ ์น ์๋ฒ์ ์ ์ํ ๋ ์ด์ ์ ์ ์ฅ๋ ์ฟ ํค๋ฅผ HTTP header์ ๋ด์ ๋ณด๋ด๋ ๊ณผ์ ์ ํตํด ์๋ฒ๋ ํ์ฌ ์ํ๊ฐ์ ์ ์ ์๊ฒ๋๋ค. ์ด๋ ๊ฒ ์์๋ธ ์ํ๊ฐ์ ํตํด, ํ์ด์ง๋ฅผ ์ฎ๊ฒจ๋ค๋ ๋ ๋ก๊ทธ์ธ..
2020.05.10 -
RESTful Api๋ฅผ ์ฌ์ฉํ๋ ์ด์ ์ฑ์์ ์ฌ์ฉ๋๋ ๋๋์ ๋ฐ์ดํฐ๋ ํ์ผ์ ๋ฐ๋ก ๊ตฌ์ฑํ์ฌ ์ฑ ๋ด๋ถ์ ๋ฃ์ด๋๊ณ , ์ด ํ์ผ์ ์ฝ๋ ๋ฐฉ์์ผ๋ก ์ฒ๋ฆฌ๋๋ค. ์ฝํ ์ธ ์๋น์ค ์ฑ์ ์ต์ ์ ๋ฐ์ดํฐ๊ฐ ํต์ฌ์์์ด๋ค. ํ์ง๋ง ๋ฐ์ดํฐ๋ฅผ ํ์ผ์ ์ ์ฅํ๋ ๋ฐฉ์์ผ๋ก ์ฒ๋ฆฌํ๊ฒ ๋๋ค๋ฉด ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ ์ถ๊ฐํ ๋ ๋ง๋ค ์ฌ์ฉ์๋ ์ฑ ์ ๋ฐ์ดํธ๋ฅผ ๋ฐ์์ผํ๊ณ , ๊ทธ๋ด์๋ก ์ฌ์ฉ์ ๊ฒฝํ์ ์ ์ ๋๋น ์ง๊ฒ๋๋ค. ๋ฐ๋ผ์ ๋ฐ์ดํฐ๋ฅผ ์๋ฒ์ ๋๊ณ , ์๋ฒ๋ก๋ถํฐ ๋ค์ด๋ฐ์ ์ฌ์ฉํ๋ค๋ฉด ์ด๋ฅผ ํด๊ฒฐ ํ ์ ์๋ค. ์๋ฒ์ ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ ์ ๋ก๋ํ๊ณ , ์ฑ์ ์ด ์๋ฒ๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์๋ด๋ฉด ์ฌ์ฉ์๋ ์ฑ์๋ํ ์ ๋ฐ์ดํธ ์์ด ์ต์ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ ์ ์๋ค. ๋น์ฐ๊ฒฐ์ฑ ์งํฅ ํต์ ๋ฒ์ฉ์ ์ธ ๋ชจ๋ฐ์ผ ํต์ ์์ ๋ง์ด ์ฌ์ฉ๋๋ ๋ฐฉ์์ ๋น์ฐ๊ฒฐ์ฑ ์งํฅ ํต์ (HTTP / HTTPS ํ๋กํ ์ฝ)์ด๋ค...
RESTful API, ์น์๋น์ค(Web Service)RESTful Api๋ฅผ ์ฌ์ฉํ๋ ์ด์ ์ฑ์์ ์ฌ์ฉ๋๋ ๋๋์ ๋ฐ์ดํฐ๋ ํ์ผ์ ๋ฐ๋ก ๊ตฌ์ฑํ์ฌ ์ฑ ๋ด๋ถ์ ๋ฃ์ด๋๊ณ , ์ด ํ์ผ์ ์ฝ๋ ๋ฐฉ์์ผ๋ก ์ฒ๋ฆฌ๋๋ค. ์ฝํ ์ธ ์๋น์ค ์ฑ์ ์ต์ ์ ๋ฐ์ดํฐ๊ฐ ํต์ฌ์์์ด๋ค. ํ์ง๋ง ๋ฐ์ดํฐ๋ฅผ ํ์ผ์ ์ ์ฅํ๋ ๋ฐฉ์์ผ๋ก ์ฒ๋ฆฌํ๊ฒ ๋๋ค๋ฉด ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ ์ถ๊ฐํ ๋ ๋ง๋ค ์ฌ์ฉ์๋ ์ฑ ์ ๋ฐ์ดํธ๋ฅผ ๋ฐ์์ผํ๊ณ , ๊ทธ๋ด์๋ก ์ฌ์ฉ์ ๊ฒฝํ์ ์ ์ ๋๋น ์ง๊ฒ๋๋ค. ๋ฐ๋ผ์ ๋ฐ์ดํฐ๋ฅผ ์๋ฒ์ ๋๊ณ , ์๋ฒ๋ก๋ถํฐ ๋ค์ด๋ฐ์ ์ฌ์ฉํ๋ค๋ฉด ์ด๋ฅผ ํด๊ฒฐ ํ ์ ์๋ค. ์๋ฒ์ ์๋ก์ด ๋ฐ์ดํฐ๋ฅผ ์ ๋ก๋ํ๊ณ , ์ฑ์ ์ด ์๋ฒ๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์๋ด๋ฉด ์ฌ์ฉ์๋ ์ฑ์๋ํ ์ ๋ฐ์ดํธ ์์ด ์ต์ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ ์ ์๋ค. ๋น์ฐ๊ฒฐ์ฑ ์งํฅ ํต์ ๋ฒ์ฉ์ ์ธ ๋ชจ๋ฐ์ผ ํต์ ์์ ๋ง์ด ์ฌ์ฉ๋๋ ๋ฐฉ์์ ๋น์ฐ๊ฒฐ์ฑ ์งํฅ ํต์ (HTTP / HTTPS ํ๋กํ ์ฝ)์ด๋ค...
2020.05.10 -
*Fetch ๋? Ajax๋ฅผ ๊ตฌํํ ์ ์๋ ๋น๊ต์ ์ต๊ทผ์ ๋์จ ๊ธฐ์ . jQuery.ajax()์ ๋ค๋ฅธ์ ์ (1) fetch๋ก๋ถํฐ ๋ฐํ๋๋ ๊ฐ์ฒด๋ HTTP error์ํ๋ฅผ rejectํ์ง ์๋๋ค. (2) ์ฟ ํค๋ฅผ ๋ณด๋ด๊ฑฐ๋ ๋ฐ์ง ์๋๋ค๋์ . ์นํ์ด์ง ์ ์ฒด๋ฅผ ๋ฆฌ๋ก๋ฉ(re-loading)ํ์ง ์๊ณ , ์ผ๋ถ๋ถ๋ง ๋ค๋ฅธ ๋ฐ์ดํฐ๋ก ๊ต์ฒด(๊ฐฑ์ )ํ๋ ๊ธฐ๋ฅ์ ํ๋ค. Promise ๊ฐ์ฒด๋ฅผ ๋ฐํํ๋ ๋น๋๊ธฐ ํต์ ์ ํ๋ค. *๋น๋๊ธฐ ์ฒ๋ฆฌ : ์ผ๋ฐ์ ์ผ๋ก ์ด๋ ํ ํน์ ๋ช ๋ น์ด๊ฐ ์์ผ๋ฉด, ๊ทธ๊ฒ์ด ์๋ฃ๋ ํ์ ๋ค์ ๋ช ๋ น์ด๋ฅผ ์ํํ์ง๋ง, ๋น๋๊ธฐ์ฒ๋ฆฌ๋ ํน์ ์ฝ๋๋ฅผ ์คํํ๊ณ , ๊ทธ ์ฝ๋๊ฐ ์๋ฃ๋๊ธฐ ์ ์ ๋ค์์ฝ๋๋ฅผ ์ด์ด์ ์ํํ๋๊ฒ์ ๋งํ๋ค. *Promise(ํ๋ก๋ฏธ์ค) : ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋น๋๊ธฐ ์ฒ๋ฆฌ์ ํ์ฉ๋๋ ๊ฐ์ฒด๋ฅผ ๋งํ๋ค. *Fetch ๊ฐ๋จํ ์์ ..
Fetch API ์ ์ฌ์ฉ ๋ฐ ๊ฐ๋จํ ์์ ( ๊ฐ๋ , ๋น๋๊ธฐ ์ฒ๋ฆฌ , ajax )*Fetch ๋? Ajax๋ฅผ ๊ตฌํํ ์ ์๋ ๋น๊ต์ ์ต๊ทผ์ ๋์จ ๊ธฐ์ . jQuery.ajax()์ ๋ค๋ฅธ์ ์ (1) fetch๋ก๋ถํฐ ๋ฐํ๋๋ ๊ฐ์ฒด๋ HTTP error์ํ๋ฅผ rejectํ์ง ์๋๋ค. (2) ์ฟ ํค๋ฅผ ๋ณด๋ด๊ฑฐ๋ ๋ฐ์ง ์๋๋ค๋์ . ์นํ์ด์ง ์ ์ฒด๋ฅผ ๋ฆฌ๋ก๋ฉ(re-loading)ํ์ง ์๊ณ , ์ผ๋ถ๋ถ๋ง ๋ค๋ฅธ ๋ฐ์ดํฐ๋ก ๊ต์ฒด(๊ฐฑ์ )ํ๋ ๊ธฐ๋ฅ์ ํ๋ค. Promise ๊ฐ์ฒด๋ฅผ ๋ฐํํ๋ ๋น๋๊ธฐ ํต์ ์ ํ๋ค. *๋น๋๊ธฐ ์ฒ๋ฆฌ : ์ผ๋ฐ์ ์ผ๋ก ์ด๋ ํ ํน์ ๋ช ๋ น์ด๊ฐ ์์ผ๋ฉด, ๊ทธ๊ฒ์ด ์๋ฃ๋ ํ์ ๋ค์ ๋ช ๋ น์ด๋ฅผ ์ํํ์ง๋ง, ๋น๋๊ธฐ์ฒ๋ฆฌ๋ ํน์ ์ฝ๋๋ฅผ ์คํํ๊ณ , ๊ทธ ์ฝ๋๊ฐ ์๋ฃ๋๊ธฐ ์ ์ ๋ค์์ฝ๋๋ฅผ ์ด์ด์ ์ํํ๋๊ฒ์ ๋งํ๋ค. *Promise(ํ๋ก๋ฏธ์ค) : ์๋ฐ์คํฌ๋ฆฝํธ์์ ๋น๋๊ธฐ ์ฒ๋ฆฌ์ ํ์ฉ๋๋ ๊ฐ์ฒด๋ฅผ ๋งํ๋ค. *Fetch ๊ฐ๋จํ ์์ ..
2020.05.03