Web API (์ข๋ ์ ๋ฆฌ ํ์)
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>์ "๋ถ๋ชจ ์ค๊ธฐ", ๋ฃจํธ ์์์ ๋ดํฌ๋ ํ๊ทธ๋ค์ "์์ ๋๋ญ๊ฐ์ง" ๊ทธ๋ฆฌ๊ณ ์์ ์์ ์ปจํ ์ธ ๋ "์"์ ํด๋นํ๋ค.
'๊ฐ๋ฐ ์ง์, ์คํฌ๋ฆฝํธ > JavaScript, TS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Express.js] express.static() ์ ์ ํ์ผ ์๋น์ค (1) | 2023.12.03 |
---|---|
๋๊ธฐ์ ๋น๋๊ธฐ (0) | 2023.12.01 |
์ด๋ฒคํธ ํธ๋ค๋ฌ (0) | 2023.11.29 |
Call stack ๊ณผ Task Queue (1) | 2023.11.28 |
๋๋ฐ์ด์ฑ (1) | 2023.11.28 |
๋๊ธ