๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Web API (์ข€๋” ์ •๋ฆฌ ํ•„์š”)

์‹œํ๋ฆฌํ‹ฐ์ง€ํ˜ธ 2023. 11. 29.

1. Web API

JavaScript์˜ ๊ธฐ๋ณธ ์—ญํ• ์€ ์›น ํŽ˜์ด์ง€๋ฅผ ๋™์ ์ธ ์ œ์–ด์ด๊ธฐ ๋•Œ๋ฌธ์— HTML Tag(Element)๋“ค์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค.

 

์ด๋Ÿฌํ•œ ์ œ์–ด๋ฅผ ์œ„ํ•ด ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ œ๊ณตํ•ด์ฃผ๋Š” API๋ฅผ Web API๋ผ๊ณ  ํ•œ๋‹ค.

 

API( Application Programming Interface )

์‘์šฉ ํ”„๋กœ๊ทธ๋žจ(Application)์„ ๊ฐœ๋ฐœํ•  ๋•Œ ๋น ๋ฅด๊ณ  ํŽธํ•˜๊ฒŒ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋„๋ก ์ด๋ฏธ ์ž‘์„ฑ๋œ ์ฝ”๋“œ ๋ฌถ์Œ, ์•ˆ๋‚ด์„œ

 

DOM,Document Object Mode

Web API ์ค‘ ํ•˜๋‚˜,

 

Document : ๋‹จ์ˆœํ•˜๊ฒŒ ์ƒ๊ฐํ•˜๋ฉด ํ˜„์žฌ ์‚ฌ์šฉ์ž๊ฐ€ ๋ณด๊ณ  ์žˆ๋Š” ์›น ํŽ˜์ด์ง€ ํ™”๋ฉด ์ „์ฒด ๋ถ€๋ถ„์„ ์˜๋ฏธ

 

Object : 

javaScript ์ƒ์œผ๋กœ ๊ฐ€์ ธ์˜จ ๊ฐœ๋ณ„ HTML Element

javaScript ์ƒ์—์„œ ์ œ์–ด ์ค‘์ด๊ธฐ ๋•Œ๋ฌธ์— ํ•˜๋‚˜์˜ ๊ฐ์ฒด(Object or Node)๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

 

DOM์€ ์›๋ณธ HTML ๋ฌธ์„œ์˜ ๊ฐ์ฒด ๊ธฐ๋ฐ˜ ํ‘œํ˜„ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ๋‘˜์€ ์„œ๋กœ ๋น„์Šทํ•˜์ง€๋งŒ, DOM์ด ๊ฐ–๊ณ  ์žˆ๋Š” ๊ทผ๋ณธ์ ์ธ ์ฐจ์ด๋Š” ๋‹จ์ˆœ ํ…์ŠคํŠธ๋กœ ๊ตฌ์„ฑ๋œ HTML ๋ฌธ์„œ์˜ ๋‚ด์šฉ๊ณผ ๊ตฌ์กฐ๊ฐ€ ๊ฐ์ฒด ๋ชจ๋ธ๋กœ ๋ณ€ํ™˜๋˜์–ด ๋‹ค์–‘ํ•œ ํ”„๋กœ๊ทธ๋žจ์—์„œ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ž…๋‹ˆ๋‹ค. 

 

DOM์˜ ๊ฐœ์ฒด ๊ตฌ์กฐ๋Š” "๋…ธ๋“œ ํŠธ๋ฆฌ"๋กœ ํ‘œํ˜„๋œ๋‹ค. ํ•˜๋‚˜์˜ ๋ถ€๋ชจ ์ค„๊ธฐ๊ฐ€ ์—ฌ๋Ÿฌ ๊ฐœ์˜ ์ž์‹ ๋‚˜๋ญ‡๊ฐ€์ง€๋ฅผ ๊ฐ–๊ณ  ์žˆ๊ณ , ๋˜ ๊ฐ๊ฐ์˜ ๋‚˜๋ญ‡๊ฐ€์ง€๋Š” ์žŽ๋“ค์„ ๊ฐ€์ง„ใ„น ์ˆ˜ ์žˆ๋Š” ๋‚˜๋ฌด์™€ ๊ฐ™์€ ๊ตฌ์กฐ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์ด ์ผ€์ด์Šค์˜ ๊ฒฝ์šฐ, ๋ฃจํŠธ ์š”์†Œ์ธ <html>์€ "๋ถ€๋ชจ ์ค„๊ธฐ", ๋ฃจํŠธ ์š”์†Œ์— ๋‚ดํฌ๋œ ํƒœ๊ทธ๋“ค์€ "์ž์‹ ๋‚˜๋ญ‡๊ฐ€์ง€" ๊ทธ๋ฆฌ๊ณ  ์š”์†Œ ์•ˆ์˜ ์ปจํ…์ธ ๋Š” "์žŽ"์— ํ•ด๋‹นํ•œ๋‹ค.

 

 

๋Œ“๊ธ€