BaeBox

XML 구조 (tree) 본문

개발 관련

XML 구조 (tree)

배모씨. 2019. 11. 6. 17:44
반응형

XML 트리 구조 (출처 : W3Schools)

<?xml version="1.0" encoding="UTF-8"?>		// 자기 기술적이므로 자신이 xml 임과 utf-8 포맷 인코딩을 사용하는 것을 명시.
<bookstore>						//root
  <book category="cooking">
    <title lang="en">Everyday Italian</title>		//leaf
    <author>Giada De Laurentiis</author>
    <year>2005</year>
    <price>30.00</price>
  </book>
  <book category="children">
    <title lang="en">Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>
  <book category="web">
    <title lang="en">Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>
</bookstore>

 

  • attributes
    • XML 은 HTML처럼 속성 값을 가질 수 있다.
    • 특정한 요소와 데이터가 연관되어 있을 때 사용
  • name conflict
    • 태그명은 개발자에 의해 정해질 수 있기 때문에 2 개의 xml 을 같이 사용할 경우 name conflict 가 발생 가능
    • name prefix를 사용하여 해결할 수 있음. (ex. f:table, h:table)
  • XML namespace
    • XML 에서 prefix 를 사용하려면 namespace 가 정의되어 있어야 함
    • xmlns를 이용하여 정의
    • xmlns:prefix="URI" 라는 문법을 사용하여 정의
  • XML DOM
<html>
<body>

<p id="demo"></p>

<script>
var text, parser, xmlDoc;

text = "<bookstore><book>" +
"<title>Everyday Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book></bookstore>";

parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");

document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>

</body>
</html>

HTML 처럼 DOM(Document Object Model)을 통해 접근 가능.

반응형

'개발 관련' 카테고리의 다른 글

MIME 형식(TYPE)  (0) 2019.11.06
모놀리식/마이크로 서비스 아키텍처  (0) 2019.11.06
XML 이란?  (0) 2019.11.06
Axios  (0) 2019.11.06
fetch 패키지를 이용한 요청 보내기.  (0) 2019.11.06
공유하기 링크
'개발 관련' Related Articles more
Comments