โถ ์ค๋ ์คํ ๊ฐ๋ฅํ ์ธ๋ถ ๋ชฉํ
=> ๊ณต๋ถ ๊ด๋ จ
1) AJAX ๊ฐ๋ ์ ๋ฆฌ
2) ๊ฐ์ฒด์งํฅ ์ฑ 3๋จ์ ์ฝ๊ณ ์ ๋ฆฌ
โถ ๊ณต๋ถ ๋ด์ฉ
AJAX(Asynchronous JavaScript And XML)
๋๊ธฐ์ VS ๋น๋๊ธฐ์
⇒ ๋๊ธฐ ๋ฐฉ์์ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ๊ธฐ ์ ๊น์ง ๋ค๋ฅธ ์์ ์ํ ๋ถ๊ฐ ๋น๋๊ธฐ๋ ๊ฐ๋ฅ.
GET ๋ฐฉ์ ์์ฒญ ์ ๋ฌธ์ ์ (์ ๋ฌ ๊ฐ์ด ์ ์ ๊ฒฝ์ฐ/๊ฐ๋จํ๊ฒ ์ ๋ฌํ ๊ฒฝ์ฐ)
⇒ ์ธํฐ๋ท ์ต์คํ๋ก๋ฌ๋ URL์ ํ๊ธ ์ ๋ฌ์ด ์๋๋ฏ๋ก(๋ธ๋ผ์ฐ์ ์์ฒด๊ฐ ์๋ ํ์ฑ์ด ์๋จ) ํ๊ธ ๊ฐ ์ ๋ฌ ์ ๋ถํธํ ์ฒ๋ฆฌ๋ฅผ ํด์ผ ํจ.
POST ๋ฐฉ์์ผ๋ก ์น ํ๋ก๊ทธ๋จ์ ์์ฒญ(์ ๋ฌ ๊ฐ์ด ๋ง์ ๊ฒฝ์ฐ/๋ณด์์ ์ํจ)
⇒ send ๋ฉ์๋์ ๋งค๊ฐ๋ณ์๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ ์ ๋ฌ
⇒ ๊ธฐ๋ณธ์ ์์ ๋ฐ์ดํฐ๋ก ์ ๋ฌ(ํ ์คํธ, multipart/form data → ์์๋ฐ์ดํฐ)
⇒ ํด๊ฒฐ๋ฒ) “application/x-www-form-unlencoded” ํ์(๋ฌธ์๋ฐ์ดํฐ)์ผ๋ก ๊ฐ์ด ์ ๋ฌ๋๋๋ก Request Header ๋ณ๊ฒฝ Content-Type(request์ ๋ฐ๋) ๋ณ๊ฒฝํ๋ฉด ๋จ.
⇒ ์์ : open → ๋ณ๊ฒฝ → send
⇒ ํ๊ธ ์ ๋ฌ ๋ฐ์ ์ ์ ๋ฌ๋ ๊ฐ์ ๋ํ CharacterSet ์ธ์ฝ๋ฉ ๋ณ๊ฒฝ
๋ชจ๋
⇒ ๊ฐ์ ์ ๋ฌํ๋ ํจ์๋ค์ ๋ชจ์
AJAX๋ฅผ ์ด์ฉํ ์ง์์ ์ธ ๋ฐ์ดํฐ๋ฅผ ์ ๊ณต๋ฐ์ ๋์ ๋ฌธ์ ์
⇒ ๋ฌธ์ ) ๋์ผํ ์น ํ๋ก๊ทธ๋จ์ ์ง์์ ์ผ๋ก ์์ฒญํ ๊ฒฝ์ฐ ๋ธ๋ผ์ฐ์ ์บ์ฑ ๊ธฐ๋ฅ์ ์ํด ์๋ฒ์ ์๋ต ๊ฒฐ๊ณผ๊ฐ ์๋ ๊ธฐ์กด ์๋ต ๊ฒฐ๊ณผ ์ฌ์ฌ์ฉ - ์ต์ด ์๋ต๊ฒฐ๊ณผ๋ฅผ ๊ณ์ ์ฌ์ฉํจ.
⇒ ํด๊ฒฐ-1) ์น ํ๋ก๊ทธ๋จ์ ์์ฒญ URL ์ฃผ์๋ฅผ ์ง์์ ์ผ๋ก ๋ณ๊ฒฝํ์ฌ ์์ฒญ - QueryString ์ด์ฉ
⇒ ํด๊ฒฐ-2) ์์ฒญ ์นํ๋ก๊ทธ๋จ์์ ์๋ต๊ฒฐ๊ณผ์ ๋ํ ๋ธ๋ผ์ฐ์ ์บ์ฑ๊ธฐ๋ฅ์ ๋ฌดํจํ ์ฒ๋ฆฌ (์๋ฐ or META ํ๊ทธ)
CSV
⇒ ํน์ ๋ฌธ์๋ฅผ ์ด์ฉํ์ฌ ๊ฐ(์ด)์ด๋ ์ ๋ณด(ํ)๋ฅผ ๊ตฌ๋ถํ๋ ๋น๊ตฌ์กฐ์ ์ธ ๋ฐ์ดํ ํํ ๋ฐฉ๋ฒ
XML
⇒ ๊ตฌ์กฐ์ ์ผ๋ก ์ ์ฅ๋ ๋ฐ์ดํฐ๋ฅผ ํ ์คํธ ํํ๋ก ํํ
> ๊ฐ์ฒด์งํฅ : ํ์ค ์ธ๊ณ๋ฅผ ๋ชจ๋ฐฉ x , ์ ์ธ๊ณ๋ฅผ ์ฐฝ์กฐํ๋ ๊ฒ
> ๋คํ์ฑ : ๋์ผํ ์์ฒญ์ ๋ค์ํ ๋ฐฉ์์ผ๋ก ์๋ตํ ์ ์๋ ๋ฅ๋ ฅ
> ๊ฐ์ฒด๋ ์ํ์ ์๋ณ์์ ํ๋์ผ๋ก ์ ์๋๋ค.
> ํ๋์ ์ธ๋ถ์ธ๊ณ๋ก ๋ํ๋ด๊ณ ์ํ๋ ์บก์ํ๋์ด ์๋ฆฌํ๋ค.
> ํ๋์ด ์ํ๋ฅผ ๊ฒฐ์ ํ๋ค. ์ฆ ํ๋์ ์ํ์ ์์กด์ ์ด๋ฉฐ ์ํ๋ฅผ ์ด์ฉํด ์์ ๊ฐ๋ฅํ๋ค.
'๋ ๊ฑฐ์' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
2022-02-13์ ๊ธฐ๋ก (0) | 2022.02.13 |
---|---|
2022-02-11์ ๊ธฐ๋ก (0) | 2022.02.13 |
2022.1.23์ ๊ธฐ๋ก (0) | 2022.01.23 |
2022.1.21์ ๊ธฐ๋ก (0) | 2022.01.21 |
2022.1.19์ ๊ธฐ๋ก (0) | 2022.01.19 |