Element
Element ์ธํฐํ์ด์ค๋ ์์ฑ attribute๋ฅผ ์ค์ ํ๋ ๊ธฐ๋ฅ ์งํฉ์ด๋ค
XML์ด๋
Extensible Markup Language
JSON(ํ ์คํธ) ๋์ค๊ธฐ ์ ์๋ XML(๊ฐ์ฒด)๋ง์ด ์ด์ฉํ์
์ปค์คํ ํ๊ทธ๋ฅผ ์ด์ฉํ ์ ์์
์ปค์คํ ํ๊ทธ๊ฐ ๊ฒน์น ์ ์๊ธฐ ๋๋ฌธ์ ๋ค์์คํ์ด์ค๊ฐ ํ์ํ๋๋ณด๋ค (prefix๊ฐ ๋ค๋ฅด๋ฉด ๋ค๋ฅธ ์๋ฆฌ๋จผํธ๋ก ์ธ์ํจ)
ํ๊ทธ๋ค์์ prefix:localName ์ ์ฒด๋ฅผ ๋ณด์ฌ์ค
์์ฑ๋ prefix:์์ฑ์ด๋ฆ="value"
IDL vs content ์์ฑ
IDL์ด๋
Interface Definition Language
์๋ฐ์คํฌ๋ฆฝํธ์ ํ๋กํฐํผ๋ ๋ฐ์ธ๋ฉ๋ ํํ
//content ์์ฑ ๋ฐํ ๋๋ ๊ฐ์ด ๋ฌด์กฐ๊ฑด string
const el = document.getElementById("category");
const value = el.getAttribute("tabindex"); //์ค์ ๋ ์์ฑ์ธ tabindex ๊ฐ์ ๋ด์
el.setAttribute("name", "nickname");
//IDL ์์ฑ ๊ฐ์ string์ด ์๋ ์๋ ์์
const el = document.getElementById("category");
el.tabIndex = 77; // ์๋ฐ์คํฌ๋ฆฝํธ ํํ๋ก ์ด๋ฆ์ด ๋ณ๊ฒฝ๋จ, category = {id: "", value: ""} ๋ฐ์ธ๋ฉ๋จ
// ์นด๋ฉ์ผ์ด์ค, accessKey, tabIndex ๋๋ spellcheck, autofocus ๋ฑ ๋ค๋ฆ
//title์ ๊ธ๋ก๋ฒ ์์ฑ์ด๊ธฐ ๋๋ฌธ์ ์ค์ ํ์ง ์์ผ๋ฉด "" ๋ํดํธ๊ฐ์ -> ์๋ฆฌ๋จผํธ์ ๋ฐ๋ผ ๋ํดํธ๊ฐ์ด ๋ค๋ฅด๊ธฐ ๋๋ฌธ์ ๋ญ์ง ์ฐพ์๋ด์ผํ๊ฒ ๋ค
const style = el.style["font-size"]; // "" ์๋ง๋ ? ์๋ง๋ ์์ง๋ง ๋ํดํธ ๊ฐ์ด ๋ฐํ๋ ๋ฏ
Last updated