์ค๋์ ๋ช
์ธ
" ๋ฐ์ฑ๋์ง ์๋ ์ถ์ ์ธ๊ฐ์ผ๋ก์ ์ด ๊ฐ์น๊ฐ ์๋ค. "
- ์ํฌ๋ผํ
์ค
(์ฒ ํ์)
// JSON ๋ฐ์ดํฐ ๋ค๋ฃจ๊ธฐ ์ํ JS ์ฌ์ฉ๋ฒ// [1] : ๋ฐ์ดํฐ const person = [ `{"name":"์ด์์ ","age":20,"nationality":"๋ํ๋ฏผ๊ตญ"}`, {"name":"๋งฅ์๋","age":30,"nationality":"๋ฏธ๊ตญ"}, {"name":"์๋ฆฌ์๋ฒ ์ค","age":40,"nationality":"์๊ตญ"}, {"name":"์๋ค๋ฅดํฌ","age":50,"nationality":"ํ๋์ค"},]; console.log(typeof person); // objectconsole.log(typeof person[0]); // stringconsole.log(typeof person[1]); // object ์ฒซ๋ฒ์งธ ์์๋ฅผ ์์ ๋ฐ์ดํ๋ก ๊ฐ์ธ๋ฉด string ..
JSON๊ณผ XML์ ๋ฐ์ดํฐ๋ฅผ ํํํ๊ณ ์ ์กํ๊ธฐ ์ํด ์ฌ์ฉํ๋ ๋ ๊ฐ์ง ํ์์ด๋ค.1. XMLXML์ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ณ ์ ๋ฌํ ๋ชฉ์ ์ผ๋ก ๋ง๋ค์ด์ก์ผ๋ฉฐ, ์ ์ฅ๋๋ ๋ฐ์ดํฐ์ ๊ตฌ์กฐ๋ฅผ ๊ธฐ์ ํ๊ธฐ ์ํ ์ธ์ด์ด๋ฉฐ EXtensible Markup Language์ ์ฝ์์ด๋ค. - XML์ ๋ค๋ฅธ ๋ชฉ์ ์ ๋งํฌ์
์ธ์ด๋ฅผ ๋ง๋๋ ๋ฐ ์ฌ์ฉ๋๋ ๋ค๋ชฉ์ ๋งํฌ์
์ธ์ด- XML์ ๋ค๋ฅธ ์์คํ
๋ผ๋ฆฌ ๋ค์ํ ์ข
๋ฅ์ ๋ฐ์ดํฐ๋ฅผ ์์ฝ๊ฒ ๊ตํํ ์ ์๋๋ก ํด์ค๋ค.- XML์ ์๋ก์ด ํ๊ทธ๋ฅผ ๋ง๋ค์ด ์ถ๊ฐํด๋ ๊ณ์ํด์ ๋์ํ๋ฏ๋ก, ํ์ฅ์ฑ์ด ์ข๋ค. - XML์ ๋ฐ์ดํฐ๋ฅผ ๋ณด์ฌ์ฃผ์ง ์๊ณ , ๋ฐ์ดํฐ๋ฅผ ์ ๋ฌํ๊ณ ์ ์ฅํ๋ ๊ฒ๋ง์ ๋ชฉ์ ์ผ๋ก ํ๋ค.- XML์ ํ
์คํธ ๋ฐ์ดํฐ ํ์์ ์ธ์ด๋ก ๋ชจ๋ XML ๋ฌธ์๋ ์ ๋์ฝ๋ ๋ฌธ์๋ก๋ง ์ด๋ฃจ์ด์ง๋ค.XML ๊ธฐ๋ฐ์ ์ธ์ด XHTML, SVG,..
ํฌ์คํ
์ฃผ์ ์ฐ๋ฆฌ ์ฌํ๋ ๋ฐ์ดํฐ ์ค์ฌ์ ์๋๋ก ์ง์
ํ๋ค. ์ด์ ํ์ฌ์์๋, ๊ฐ์ธ์ ์ธ ์ฌ์
์์๋ ๊ฒฐ์ ์ ๋ด๋ฆฌ๊ธฐ ์ํ ์ค์ํ ์๋ฃ๊ฐ ๋ ๊ฒ์ด ๋น
๋ฐ์ดํฐ์ด๋ค. ์์ผ๋ก ๊ณต๊ณต๋ฐ์ดํฐ ๋ฐ ์คํ๋ฐ์ดํฐ API๋ฅผ ์ด๋ป๊ฒ ์ธ์ฆํค ๋ฐ๊ธ / ๋ฑ๋กํด์ ์ด์ฉํ๊ณ ๊ฐ๊ณตํด์ ํ์ฉํ ์ ์๋์ง ์ ๋ฆฌํด ๋ณผ ๊ฒ์ด๋ค. ์คํ API ๋? Open APIOpen API๋ '๊ณต๊ฐ API'๋ผ๋ ๋ป์ผ๋ก, ๋๊ตฌ๋ ์ฌ์ฉํ ์ ์๋๋ก ๊ณต๊ฐ๋ API์ด๋ค. ๋๋ถ๋ถ Rest API ๊ธฐ์ ์ ํ์ฉํ์ฌ ๊ตฌํ๋๋ค. API๋ Application Programming Interface์ ์ฝ์๋ก, ์์ฉ ํ๋ก๊ทธ๋จ ์ธํฐํ์ด์ค์ด๋ค. ๊ฐ๋จํ ๋งํ๋ฉด ์ด๋ฏธ ์ด๋ค ์ฌ์ดํธ์์ ๋๊ตฌ๋ ์ฌ์ฉํ ์ ์๋๋ก ์ ๊ณตํ๋ ๊ธฐ๋ฅ์ ๊ฐ์ ธ์์ ๋ค๋ฅธ ์ฌ์ดํธ์์ ์ฌ์ฉํ ์ ์๊ฒ ๋์ ์ฃผ๋ ๋๊ตฌ์ด๋ค. ์๋ฅผ ..
๋ธ๋ผ์ฐ์ ์์์ ๋์ํ๋ ์น์ฌ์ดํธ๋ ์น ์ดํ๋ฆฌ์ผ์ด์
๊ณผ ๊ฐ์ Client๋ค์ด ์ด๋ป๊ฒ Server์ ํต์ ํ ์ ์์๊น? 1. HTTP(Hypertext Transfer Protocal)Client ์ Server ์ด ์ด๋ป๊ฒ Hypertext๋ฅผ ์ฃผ๊ณ ๋ฐ์ ์ ์์ ์ง ๊ท์ฝํ ํ๋กํ ์ฝClient๊ฐ Server์๊ฒ ๋ฐ์ดํฐ๋ฅผ requestํ๋ฉด, Server๋ ๊ทธ์ ๋ง๋ response๋ฅผ Client๋ก ๋ณด๋ 2. AJAX(Asynchronous JavaScript And XML)์นํ์ด์ง์์ ๋์ ์ผ๋ก ์๋ฒ์๊ฒ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์ ์ ์๋ ๊ธฐ์ ๋ํ์ ์ธ ์๋ก๋ ๋ธ๋ผ์ฐ์ API์์ ์ ๊ณตํ๋ XMLHttpRequest(XHR) ์ค๋ธ์ ํธ๊ฐ ์๋ค.ํน์ fecth() API๋ก ๊ฐํธํ๊ฒ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์ ์ ์๋ค. 3. XMLhtm..
'JSON' ํ๊ทธ์ ๊ธ ๋ชฉ๋ก
๋จ์ถํค
๋ด ๋ธ๋ก๊ทธ
๋ด ๋ธ๋ก๊ทธ - ๊ด๋ฆฌ์ ํ ์ ํ |
Q
Q
|
์ ๊ธ ์ฐ๊ธฐ |
W
W
|
๋ธ๋ก๊ทธ ๊ฒ์๊ธ
๊ธ ์์ (๊ถํ ์๋ ๊ฒฝ์ฐ) |
E
E
|
๋๊ธ ์์ญ์ผ๋ก ์ด๋ |
C
C
|
๋ชจ๋ ์์ญ
์ด ํ์ด์ง์ URL ๋ณต์ฌ |
S
S
|
๋งจ ์๋ก ์ด๋ |
T
T
|
ํฐ์คํ ๋ฆฌ ํ ์ด๋ |
H
H
|
๋จ์ถํค ์๋ด |
Shift + /
โง + /
|
* ๋จ์ถํค๋ ํ๊ธ/์๋ฌธ ๋์๋ฌธ์๋ก ์ด์ฉ ๊ฐ๋ฅํ๋ฉฐ, ํฐ์คํ ๋ฆฌ ๊ธฐ๋ณธ ๋๋ฉ์ธ์์๋ง ๋์ํฉ๋๋ค.