(107-108)[Spring]18-19일차: ((xml))■ XML ■, ■ XML DTD ■, XmlApp01~04

1. 2024.1.31-2.1(수-목)

■■■ XML(eXtensible Markup Language) ■■■

○ 개요

   마크업이란 문서 내용 이외에 문서 구조를 정의하거나 표현하기 위해 정의한
   부가적인 정보라 할 수 잇으며, 마크업의 표현은 각 어플리케이션에서 정의한
   고유한 방식으로 이루어진다.
   즉, 문서 편집기마다 마크업을 표현하는 방법이 서로 다르다는 의미이다.

aflvekdc 45 99443304221
vleockde 49 99530219432

<people>
<person>
<name>aflvekdc</name>
<age>45</age>
<tel>99443304221</tel>
</person>
<person>
<name>vleockde</name>
<age>49</age>
<tel>99530219432</tel>
</person>
</people>

==> 위 데이터를 이런 형식으로 구조화, 표현하면 데이터들간의 구분이 가능함 => xml

※ 참고

1) SGML(Standard Generalized Markup Language)

      SGML 은 기술적 문서 마크업을 생성하는 기법을 제공하는 표준 일반화
      마크업 언어로 디지털 문서를 플랫폼에 상관없이 사용하기 위한 목적으로
      만들어졌으며, 1986년에 ISO-8897 표준으로 제정되었고 문서의 논리적
      구조와 내용을 기술하기 위한 마크업이다.

장점 : 시스템과 플랫폼에 독립적 / 재사용성 / 공개 표준

단점 : - 작성 규칙의 복잡성으로 인해 전문가들만을 위한 언어

- 관련 업계의 범용적인 지원 미비

→ 이와 같은 단점을 어느정도 해결하고자 만들어진 마크업 언어가

바로 HTML 이다.

2) HTML(Hyper Text Markup Language)

      HTML 은 웹에서 정보를 표현할 목적으로 제안한 마크업 언어로
      SGML 태그 중 일부를 미리 정의해서 사용하기 쉽게 만든 것이 바로 HTML 이다.
      이러한 HTML 은 인터넷의 빠른 보급과 확장으로 급성장하였고
      현재 가장 만힝 사용되는 마크업 언어이다.

장점 : 웹 정보를 표현하는데 있어서 매우 범용적이다.

      단점 : - 사용할 수 있는 태그가 제한적이다.
             - 문서의 내용과 이를 화면에 표현하기 위한 정보만 존재한다.
               따라서 태그 내의 내용이 어떤 의미의 데이터를 포함하는지 알 수 없다.
             - 문서에 포함된 정보 간에 연관성을 표현할 수 없고,
               관련 잇는 정보를 탐색하기 어렵다.
             - 문서의 유효성을 검증하기 어렵다.
             - 전체 문서만 표현할 수 있다.

3) XML(Extensible Markup Language)

      XML 은 SGML 과 HTML 의 문제점을 해결할 목적으로 개발된 언어로
      SGML 로 부터 정보의 구조적 기술과 정보 내용과 표시 정보를 분리한 구조를 이어받고
      HTML 로 부터 인터넷의 이용 환경을 이어받았다.
      즉, XML 은 웹에서 구조화된 문서를 표현하고 전송할 수 있도록 설계된 마크업 언어로
      기존 HTML 의 한계와 SGML 의 복잡함을 해결하기 위한 방안으로 제시된 마크업 언어로
      다양한 표현이 가능하고 확장성이 뛰어나며 간단하다.
      또한, 플랫폼 독릭적이며, 웹은 물론 어플리케이션에도 사용이 가능하다.

      HTML 은 정해진 태그만을 사용하고 태그의 숫자도 제한을 두어서
      사용이 편리하긴 하지만 태그가 미리 정해져있다는 단점이 있다.
      즉, 시시각가으로 변하는 인터넷 사용자들의 데이터 표현에 대한 요구를 수용하기 위해서는
      태그도 그에 따라 새로운 태그가 필요할 때가 있기 마련인데
      새로운 태그를 만들 수 없는 것이다.

      그래서 정해진 태그가 아니라 필요할 때 마다 태그를 만들어서 사용할 수 있는 요구가
      일어나기 시작했고, 이 요구에 대한 수용이 바로 XML 이다.
      결국 XML 은 SGML(표준화된 일반 마크업 언어)이 가지고 있는 장점인
      문서의 구조와 속성을 그대로 가지고 있으며,
      HTML 의 단점인 정해진 태그밖에 사용할 수 없다는 것을 보완해서 나오게 된 것이다.

○ XML / HTML / SGML 비교

          HTML SGML XML
--------------------------------------------------------------------------------------------
   태그   내장된 DTD 정의 / 사용자정의 태그 사용 사용자 정의 태그 사용
          사용자 정의 불가능
--------------------------------------------------------------------------------------------
   문서 재사용 불가능 가능 가능
   
--------------------------------------------------------------------------------------------
   응용 단순한 문서의 복잡한 구조의 문서 및 SGML 과 동일 /
Presentation 방대한 내용을 요구하는 웹에서 정보 교환
문서
--------------------------------------------------------------------------------------------
   난이도 쉬움 복잡하고 어려움 중간 정도(SGML 의 단순화)

--------------------------------------------------------------------------------------------
   검색 검색 어려움 자료의 표현과 내용이 SGML 과 동일
(검색 엔진 필요) 분리되어 정확한 검색이
가능
--------------------------------------------------------------------------------------------
   출력 방식 CSS DSSSL XSL
--------------------------------------------------------------------------------------------
   데이터 교환 교환 시 부가되는 표현부와 내용부가 SGML 과 동일
작업량이 방대함 분리되어 교환이 용이함
--------------------------------------------------------------------------------------------

○ XML 응용 분야

   분야 기술 내용
--------------------------------------------------------------------------------------------
   웹/인터넷 CDF 웹 캐스팅(web casting)을 위한 메타 데이터를 기술하는 형식
마이크로소프트의 액티브 채널을 위한 언어
OSD 소프트웨어 배포와 설치를 위한 정보를 기술하기 위한 형식
--------------------------------------------------------------------------------------------
   메타 데이터 RDF 메타 데이터를 기술하기 위한 범용적 데이터 기술 방법
기존의 메타 데이터 기술 방법을 모두 포함
최근에는 시맨틱 웹을 구현하기 위한 기술 언어로 사용
MCF 넷스케이프에서 제안한 메타 데이터 기술 방법
--------------------------------------------------------------------------------------------
   멀티미디어 SML 멀티미디어 데이터의 동기화를 위한 언어
   / 그래픽 PGML 2D 그래픽 데이터를 텍스트 형태로 표현하는 언어
   / 스피치 MusicML 음악 악보를 위한 언어
악보에 쓰이는 다양한 기호를 표시하기 위한 언어
JSML 문서화한 정보를 스피커로 듣기 위해서 SUN 에서 발표했던
XML 어플리케이션 언어
--------------------------------------------------------------------------------------------
   비즈니스 OFX 금융 정보(화폐 정보)를 교환하기 위한 언어
   / 금융 ML/EDI 서로 다른 환경에서 데이터를 주고받기 위한 프레임워크를
제공하기 위해 제안된 언어
OTP 거래와 관련된 프로토콜 정의
ICE 비즈니스 업계의 정보를 주고받기 위한 표준
--------------------------------------------------------------------------------------------
   과학 MathML 수학 기호를 표시하기 위한 언어
CML 화학식 표기를 위한 언어
BSML DNA 구조와 같은 정보를 인코딩하고 디스플레이하기 위한 언어
--------------------------------------------------------------------------------------------

○ 마크업 언어

   - 태그를 가지고 데이터를 표현하는 언어
   - <시작태그>데이터</끝태그> → 엘리먼트

   - HTML 은 데이터를 표현하는 태그의 종류가 미리 지정되어 있는 상태이다.
     <div>, <table>, <br> 태그 등이 존재한다.

   - XML 은 데이터 형식을 표현하는 언어이다.
     태그의 종류를 사용자 스스로 선택, 결정한다.
     <이름>노은하</이름>
     <전화번호>010-1212-3434</전화번호>

○ HTML 과 XML 문서의 내용 비교

- 이름, 전화번호, 이메일 등의 데이터를 다루는 과정을

HTML 방식으로 보면 다음과 같다.

     <table>
      <tr>
         <td>이주형</td>
         <td>010-1212-3434</td>
         <td>Ljh@test.com</td>
      </tr>
     </table>

- XML 방식으로 보면 다음과 같다.

     <memberInfo mid="1">
        <name>이주형</name>
        <tel>010-1212-3434</tel>
        <email>Ljh@test.com</email>
     </memberInfo>

○ XML 문서 작성의 기본 규칙

- XML 문서 상단에서 선언부 작성

     <?xml version="1.0"?>
     <?xml version="1.0" encoding="UTF-8"?>

   - 루트 엘리먼트 지정
     루트 엘리먼트 이름은 사용자 스스로 결정.
     나머지 모든 엘리먼트는 루트 엘리먼트 하위에만 존재할 수 있다.

     <?xml version="1.0" encoding="UTF-8"?>
     <루트>
     </루트>

   - 물리적으로 저장할 때 확장자 『.xml』 사용.

   - 시작 태그와 끝 태그에 짝을 맞추어 사용.

   - 태그 간의 포함 관계를 이루어야 한다.
     (즉, 부모 자식 관계 성립)

   - 태그에는 속성 표현이 가능하다.
     (『속성="값"』 형태로 표기한다.)

■■■ XML DTD(Document Type Definition) ■■■

○ 개요

   XML 문서의 엘리먼트, 속서에 대한 구조(structure)를 표현한 문서.

   DTD(Document Type Definition)는 문서의 형태를 정의하는 것으로
   XML 문서의 구조를 명시적으로 선언하는 역할을 하며
   XML 문서가 잘 만들어진 유효한(valid) 문서인지를 확인하기 위해 사용하는 문서이다.
   따라서, DTD 를 사용하여 요소와 요소의 내용, 속성과 속성의 내용
   그리고 요소의 순서나 반복성, 필수여부 등을 미리 정해놓고 XML 문서를 작성하는 것이다.
   이렇게 되면 XML 문서를 작성하는 경우에 미리 잘못된 문서를 작성하는 실수를
   줄일 수 있게 된다.

※ 유효한(valid) XML

   유효한(valid) XML 은 well-formed XML 을 보다 엄격하게 검증한 문서
                        ---------------         -------------
                          1차 검증   1차 검증
   기본적인 조건으로 모두 well-formed 이어야 하며,
   이에 추가하여 DTD 를 가지고 있고, 이에 따라 검증된 문서를 의미한다.

○ DTD 샘플

<!DOCTYPE 루트엘리먼트 []>
→
<!DOCTYPE 루트엘리먼트 
[
<!ELEMENT 루트엘리먼트 (1차하위엘리먼트 목록)>
<!ELEMENT 1차하위엘리먼트 (2차하위엘리먼트 목록)>
<!ELEMENT 2차하위엘리먼트 (#PCDATA)>
<!ATTLIST 2차하위엘리먼트
          속성이름 속성값 필수여부
          ...>
]>
==> XML 문서에 대한 설계 과정

○ DTD와 XML 문서의 결합

- 별도 『.DTD』 파일을 작성한 후 XML 문서와 연결

   // note.dtd
   <!DOCTYPE note 
   [
   <!ELEMENT note (to,from,heading,body)>
   <!ELEMENT to (#PCDATA)>
   <!ELEMENT from (#PCDATA)>
   <!ELEMENT heading (#PCDATA)>
   <!ELEMENT body (#PCDATA)>
   ]>

- XML 문서 내부에 삽입

   // note.xml
   <?xml version="1.0" encoding="UTF-8"?> 
   <!DOCTYPE note SYSTEM "note.dtd">
   <note>
      <to>Tove</to>
      <from>Jani</from>
      <heading>Reminder</heading>
      <body>Do not forget me this weekend</body>
   </note>

F_XmlApp01: xml 작성

ㄴ/XmlApp01/WebContent

ㄴㄴmemberList.xml

<?xml version="1.0" encoding="UTF-8"?>
<memberList>
	<!-- 루트 엘리먼트는 하나 -->
	<!-- 루트 엘리먼트의 이름은 『~~~.xml』 파일 이름과 동일한 이름 사용(권장) -->
	<!-- 복수(다수)의 데이터를 표현하는 경우 중간에 적절한 부모 태그 지정 -->
	<!-- 엘리먼트 하위에는 엘리먼트(또는 데이터)만 구성 -->
	<!-- 특수문자(-, &, ..)가 포함된 데이터인 경우 『CDATA 섹션』으로 처리 -->
	<!-- 시작 태그와 끝 태그의 이름이 대소문자까지 완벽하게 일치 -->
	<!-- 모든 태그의 열고 닫는 순서가 정확하게 처리 -->
	<!-- 속성의 속성값이 『""』로 구성 -->
	
	<!-- ↑ 위 조건들이 지켜지지 않으면 xml 파일에서 문제가 발생할 수 있음을 유의하기 -->
	
	<!-- 태그와 태그 사이의 데이터는 PCDATA (Parsed Character DATA) 인데
	     특수문자가 포함된 데이터는 CDATA 섹션에 포함시켜 문자 그대로를
	     출력할 수 있다. -->
	
	<memberInfo mid="1">
		<name>노은하</name>
		<telephone><![CDATA[010-1234-4567]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>01234</zipCode>
		<addr>서울시 마포구 월드컵북로 150</addr>
	</memberInfo>
</memberList>

ㄴㄴmemList.xml

<?xml version="1.0" encoding="UTF-8"?>
<memList>
	<!-- memList.xml -->
	
	<!-- ※ 스스로(본인)의 정보를 표현할 수 있는 문서 작성 -->
	<!--    (+ 우리 팀원들) -->
	<memberInfo mid="1">
		<name>박나영</name>
		<telephone><![CDATA[010-1111-1111]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03995</zipCode>
		<addr>서울시 동작구 상도동</addr>
	</memberInfo>
	<memberInfo mid="2">
		<name>오수경</name>
		<telephone><![CDATA[010-2222-2222]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04031</zipCode>
		<addr>서울시 중랑구 면목동</addr>
	</memberInfo>
	<memberInfo mid="3">
		<name>문정환</name>
		<telephone><![CDATA[010-3333-3333]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03992</zipCode>
		<addr>인천 남동구 남촌동</addr>
	</memberInfo>
	<memberInfo mid="4">
		<name>이주형</name>
		<telephone><![CDATA[010-4444-4444]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04001</zipCode>
		<addr>경기도 화성시 동탄 목동</addr>
	</memberInfo>
	<memberInfo mid="5">
		<name>임하성</name>
		<telephone><![CDATA[010-5555-5555]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04000</zipCode>
		<addr>서울시 강북구 미아동</addr>
	</memberInfo>
	<memberInfo mid="6">
		<name>엄재용</name>
		<telephone><![CDATA[010-6666-6666]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03991</zipCode>
		<addr>서울시 관악구 신림동</addr>
	</memberInfo>
</memList>

ㄴㄴxmlTest01.xml

<?xml version="1.0" encoding="UTF-8"?>
<xmlTest01>
	<!-- 선언부와 루트만 존재하는 XML 문서 작성 -->
	<!-- 루트 엘리먼트(xmlTest01)도 사용자가 결정 -->
	<!-- XML 은 프로그램이 아니고, 데이터 표현 문서일 뿐이다. -->
	<!-- 데이터를 표현하는 하위 엘리먼트 추가 - 마크업 언어 기본 형식 -->
</xmlTest01>

F_XmlApp02: DTD 추가

ㄴ/XmlApp02/WebContent

ㄴㄴmemberList.xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- DTD추가 -->
<!DOCTYPE memberList 
[
<!ELEMENT memberList (memberInfo+)>
<!ELEMENT memberInfo (name,telephone,curriculumn?,zipCode,addr)>
<!-- name: 단일엘리먼트 일 경우-->
<!-- name+: 여러개일 경우 -->
<!-- name?: 있기도 하고, 없기도 할 경우 -->
<!ELEMENT name (#PCDATA)>
<!ELEMENT telephone (#PCDATA)>
<!ELEMENT curriculumn (sub+)>
<!ELEMENT sub (#PCDATA)>
<!ELEMENT zipCode (#PCDATA)>
<!ELEMENT addr (#PCDATA)>
<!ATTLIST memberInfo mid CDATA #REQUIRED>
]>

<!-- #REQUIRED: 이 속성은 반드시 명시되어야 한다. -->
<!-- #IMPLIED: 이 속성은 명시되기도 하고, 명시되지 않기도 한다. -->
<!-- #FIXED 특정값: 이 속성은 특정값으로 고정되어 사용된다. -->

<memberList>	
	<memberInfo mid="1">
		<name>노은하</name>
		<telephone><![CDATA[010-1234-4567]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>01234</zipCode>
		<addr>서울시 마포구 월드컵북로 150</addr>
	</memberInfo>
	
	<memberInfo mid="2">
		<name>김민지</name>
		<telephone><![CDATA[010-9987-8876]]></telephone>
		<curriculumn>
			<sub>HTML</sub>
			<sub>CSS</sub>
			<sub>Javascript</sub>
		</curriculumn>
		<zipCode>01285</zipCode>
		<addr>서울시 은평구 통일로 20</addr>
	</memberInfo>
	
</memberList>

ㄴㄴmemList.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE memList 
[
<!ELEMENT memList (memberInfo+)>
<!ELEMENT memberInfo (name, telephone, curriculumn, zipCode, addr, email?)>
<!ELEMENT name (#PCDATA)>
<!ELEMENT telephone (#PCDATA)>
<!ELEMENT curriculumn (sub+)>
<!ELEMENT sub (#PCDATA)>
<!ELEMENT zipCode (#PCDATA)>
<!ELEMENT addr (#PCDATA)>
<!ATTLIST memberInfo mid CDATA #REQUIRED>
<!ELEMENT email (#PCDATA)>
]>

<memList>
	<!-- memList.xml -->
	
	<!-- ※ 스스로(본인)의 정보를 표현할 수 있는 문서 작성 -->
	<!--    (+ 우리 팀원들) -->
	<memberInfo mid="1">
		<name>박나영</name>
		<telephone><![CDATA[010-1111-1111]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03995</zipCode>
		<addr>서울시 동작구 상도동</addr>
		<email><![CDATA[na@gmail.com]]></email>
	</memberInfo>
	<memberInfo mid="2">
		<name>오수경</name>
		<telephone><![CDATA[010-2222-2222]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04031</zipCode>
		<addr>서울시 중랑구 면목동</addr>
		<email><![CDATA[su@gmail.com]]></email>
	</memberInfo>
	<memberInfo mid="3">
		<name>문정환</name>
		<telephone><![CDATA[010-3333-3333]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03992</zipCode>
		<addr>인천 남동구 남촌동</addr>
	</memberInfo>
	<memberInfo mid="4">
		<name>이주형</name>
		<telephone><![CDATA[010-4444-4444]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04001</zipCode>
		<addr>경기도 화성시 동탄 목동</addr>
	</memberInfo>
	<memberInfo mid="5">
		<name>임하성</name>
		<telephone><![CDATA[010-5555-5555]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04000</zipCode>
		<addr>서울시 강북구 미아동</addr>
	</memberInfo>
	<memberInfo mid="6">
		<name>엄재용</name>
		<telephone><![CDATA[010-6666-6666]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03991</zipCode>
		<addr>서울시 관악구 신림동</addr>
	</memberInfo>
</memList>

F_XmlApp03: HTML로 부터 데이터 분리(관찰)

ㄴ/XmlApp03/WebContent

ㄴㄴkoreanMajorCities.xml

<?xml version="1.0" encoding="UTF-8"?>
<koreanMajorCities>
	<city>
		<name>서울</name>
		<class>특별시</class>
	</city>
	<city>
		<name>부산</name>
		<class>광역시</class>
	</city>
	<city>
		<name>인천</name>
		<class>광역시</class>
	</city>
	<city>
		<name>대전</name>
		<class>광역시</class>
	</city>
	<city>
		<name>광주</name>
		<class>광역시</class>
	</city>
	<city>
		<name>울산</name>
		<class>광역시</class>
	</city>
	<city>
		<name>수원</name>
		<class>시</class>
	</city>
	<city>
		<name>청주</name>
		<class>시</class>
	</city>
	<city>
		<name>목포</name>
		<class>시</class>
	</city>
</koreanMajorCities>

ㄴㄴXmlApp03.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>XmlApp03.html</title>
<style type="text/css">
table, th, td {
	border: 1px solid gray;
	border-collapse: collapse;
}
</style>
<script type="text/javascript">
	function loadDoc()
	{
		// 확인
		//alert("함수 호출확인");
		
		var xmlHttp = new XMLHttpRequest();
		xmlHttp.onreadystatechange = function()
		{
			if(this.status==200 && this.readyState==4)
			{
				// 업무 처리
				displayData(xmlHttp);
			}
		}
		xmlHttp.open("GET", "koreanMajorCities.xml", "true");
		xmlHttp.send("");
	}
	
	function displayData(xmlHttp)
	{
		//alert("함수 호출확인!");
		var xmlObj, cityList, result, ids;
		xmlObj = xmlHttp.responseXML;		//-- 요청한 데이터를 XML DOM 객체로 반환.
		result = "<table><tr><th>도시 이름</th><th>행정구역</th></tr>";
		cityList = xmlObj.getElementsByTagName("city");
		for(idx=0; idx<cityList.length; idx++)
		{
			result +="<tr><td>"
				+ cityList[idx].getElementsByTagName("name")[0].childNodes[0].nodeValue
				+ "</td><td>"
				+ cityList[idx].getElementsByTagName("class")[0].childNodes[0].nodeValue
				+ "</td></tr>";
		}
		result += "</table>";
		
		document.getElementById("text").innerHTML = result;
	}
</script>


</head>
<body>



<div>
	<h1>HTML로 부터 데이터 분리(관찰)</h1>
</div>

<div>
	<button type="button" onclick="loadDoc()">xml 데이터 불러오기</button>
	<p id="text"></p>
</div>

</body>
</html>

F_XmlApp04: XML 파일을 메모리에 로드 → XML DOM 형성

ㄴbreakfast_menu.xml

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
	<food>
		<name>Belgian Waffles</name>
		<price>$5.95</price>
		<description>Two of our famous Belgian Waffles with plenty of real maple syrup</description>
		<calories>650</calories>
	</food>
	<food>
		<name>Strawberry Belgian Waffles</name>
		<price>$7.95</price>
		<description>Light Belgian waffles covered with strawberries and whipped cream</description>
		<calories>900</calories>
	</food>
	<food>
		<name>Berry-Berry Belgian Waffles</name>
		<price>$8.95</price>
		<description>Light Belgian waffles covered with an assortment of fresh berries and whipped cream</description>
		<calories>900</calories>
	</food>
	<food>
		<name>French Toast</name>
		<price>$4.50</price>
		<description>Thick slices made from our homemade sourdough bread</description>
		<calories>600</calories>
	</food>
	<food>
		<name>Homestyle Breakfast</name>
		<price>$6.95</price>
		<description>Two eggs, bacon or sausage, toast, and our ever-popular hash browns</description>
		<calories>950</calories>
	</food>
</breakfast_menu>

ㄴVEHICLES.xml

<?xml version="1.0" encoding="utf-8"?>
<VEHICLES>
	<LAST_INVENTORY_NUMBER>11</LAST_INVENTORY_NUMBER>
	<VEHICLE>
		<INVENTORY_NUMBER>1</INVENTORY_NUMBER>
		<MAKE>Dodge</MAKE>
		<MODEL>Durango</MODEL>
		<YEAR>1998</YEAR>
		<PICTURE>DodgeDurango.jpg</PICTURE>
		<STYLE>Sport Utility</STYLE>
		<DOORS>4</DOORS>
		<PRICE>18000</PRICE>
		<MILEAGE>32000</MILEAGE>
		<OPTIONS>
			<Power_Locks>Yes</Power_Locks>
			<Power_Window>Yes</Power_Window>
			<Stereo>Radio/Cassette/CD</Stereo>
			<Air_Conditioning>Yes</Air_Conditioning>
			<Automatic>Yes</Automatic>
			<Four_Wheel_Drive>Full/Partial</Four_Wheel_Drive>
			<Note>Very clean</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Douglas Briggs </NAME>
			<EMAIL>DBriggs@aDomain.Com</EMAIL>
			<PHONE>781 781 7811</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>2</INVENTORY_NUMBER>
		<MAKE>Honda</MAKE>
		<MODEL>Civic</MODEL>
		<YEAR>1997</YEAR>
		<PICTURE>HondaCivic.jpg</PICTURE>
		<PRICE_YEN>20000000</PRICE_YEN>
		<STYLE>Sedan</STYLE>
		<DOORS>4</DOORS>
		<PRICE>8000</PRICE>
		<MILEAGE>56000</MILEAGE>
		<OPTIONS>
			<Power_Locks>Yes</Power_Locks>
			<Power_Window>Yes</Power_Window>
			<Stereo>Radio/Cassette</Stereo>
			<Automatic>Yes</Automatic>
			<Note>Like New</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Israel Hodgson </NAME>
			<EMAIL>IHodgson@aDomain.Com</EMAIL>
			<PHONE>781 781 782</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>3</INVENTORY_NUMBER>
		<MAKE>Dodge</MAKE>
		<MODEL>Neon</MODEL>
		<YEAR>1996</YEAR>
		<PICTURE>DodgeNeon.jpg</PICTURE>
		<STYLE>Sedan</STYLE>
		<DOORS>4</DOORS>
		<PRICE>7000</PRICE>
		<MILEAGE>55000</MILEAGE>
		<OPTIONS>
			<Stereo>Radio/Cassette</Stereo>
			<Automatic>Yes</Automatic>
			<Note>Need minor body works</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Arthur Shin </NAME>
			<EMAIL>IHodgson@aDomain.Com</EMAIL>
			<PHONE>781 781 782</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>4</INVENTORY_NUMBER>
		<MAKE>Ferrari</MAKE>
		<MODEL>F355</MODEL>
		<YEAR>1995</YEAR>
		<PICTURE>FerrariF355.jpg</PICTURE>
		<STYLE>Sport</STYLE>
		<DOORS>2</DOORS>
		<PRICE>45000</PRICE>
		<MILEAGE>63000</MILEAGE>
		<OPTIONS>
			<Power_Locks>Yes</Power_Locks>
			<Power_Window>Yes</Power_Window>
			<Stereo>Radio/Cassette/CD</Stereo>
			<Air_Conditioning>Yes</Air_Conditioning>
			<Note>Luxury car</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Jungchul Frye</NAME>
			<EMAIL>JFrye@aDomain.Com</EMAIL>
			<PHONE>781 781 782</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>5</INVENTORY_NUMBER>
		<MAKE>BMW</MAKE>
		<MODEL>3 Series</MODEL>
		<YEAR>1998</YEAR>
		<PICTURE>BMWSeries3.jpg</PICTURE>
		<STYLE>Sedan</STYLE>
		<DOORS>4</DOORS>
		<PRICE>40000</PRICE>
		<MILEAGE>12000</MILEAGE>
		<OPTIONS>
			<Power_Locks>Yes</Power_Locks>
			<Power_Window>Yes</Power_Window>
			<Interiors>Leather</Interiors>
			<Stereo>Radio/Cassette/CD</Stereo>
			<Air_Conditioning>Yes</Air_Conditioning>
			<Note>Pre-owned</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Bill Pease</NAME>
			<EMAIL>BPease@aDomain.Com</EMAIL>
			<PHONE>781 781 782</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>6</INVENTORY_NUMBER>
		<MAKE>BMW</MAKE>
		<MODEL>Z3</MODEL>
		<YEAR>1998</YEAR>
		<PICTURE>BMWZ3.jpg</PICTURE>
		<STYLE>Convertible</STYLE>
		<DOORS>2</DOORS>
		<PRICE>33000</PRICE>
		<MILEAGE>24000</MILEAGE>
		<OPTIONS>
			<Cover_Material>Plastic</Cover_Material>
			<Power_Locks>Yes</Power_Locks>
			<Power_Window>Yes</Power_Window>
			<Alarm>Yes</Alarm>
			<Interiors>Fabric</Interiors>
			<Stereo>Radio/Cassette/CD</Stereo>
			<Air_Conditioning>Yes</Air_Conditioning>
			<Note>Pre-owned, very clean</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Scott Tufo</NAME>
			<EMAIL>STufo@aDomain.Com</EMAIL>
			<PHONE>781 781 783</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>7</INVENTORY_NUMBER>
		<MAKE>Dodge</MAKE>
		<MODEL>RAM</MODEL>
		<YEAR>1997</YEAR>
		<PICTURE>DodgeRAM1500.jpg</PICTURE>
		<STYLE>Truck</STYLE>
		<DOORS>2</DOORS>
		<PRICE>22000</PRICE>
		<MILEAGE>45000</MILEAGE>
		<OPTIONS>
			<Stereo>Radio</Stereo>
			<Max_Load>1500</Max_Load>
			<Note>Heavy duty Vehicle</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Dealer</NAME>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>8</INVENTORY_NUMBER>
		<MAKE>Honda</MAKE>
		<MODEL>Accord</MODEL>
		<YEAR>1995</YEAR>
		<PICTURE>HondaAccord.jpg</PICTURE>
		<PRICE_YEN>25000000</PRICE_YEN>
		<STYLE>Sedan</STYLE>
		<DOORS>4</DOORS>
		<PRICE>8500</PRICE>
		<MILEAGE>145000</MILEAGE>
		<OPTIONS>
			<Power_Locks>Yes</Power_Locks>
			<Stereo>Radio/Cassette</Stereo>
			<Automatic>Yes</Automatic>
		</OPTIONS>
		<OWNER>
			<NAME>Bob Johnson</NAME>
			<PHONE>781 781 783</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>9</INVENTORY_NUMBER>
		<MAKE>Dodge</MAKE>
		<MODEL>RAM 2500</MODEL>
		<YEAR>1996</YEAR>
		<PICTURE>DodgeRAM2500.jpg</PICTURE>
		<STYLE>Truck</STYLE>
		<DOORS>2</DOORS>
		<PRICE>25000</PRICE>
		<MILEAGE>23000</MILEAGE>
		<OPTIONS>
			<Stereo>Radio/Cassette</Stereo>
			<Max_Load>2500</Max_Load>
			<Note>Heavy duty truck</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Pia Kinnear</NAME>
			<EMAIL>PKinnearo@aDomain.Com</EMAIL>
			<PHONE>781 781 784</PHONE>
		</OWNER>
	</VEHICLE>
	<VEHICLE>
		<INVENTORY_NUMBER>10</INVENTORY_NUMBER>
		<MAKE>Ford</MAKE>
		<MODEL>Explorer</MODEL>
		<YEAR>1996</YEAR>
		<PICTURE>FordExplorer.jpg</PICTURE>
		<STYLE>Sport Utility</STYLE>
		<DOORS>4</DOORS>
		<PRICE>18000</PRICE>
		<MILEAGE>105000</MILEAGE>
		<OPTIONS>
			<Power_Locks>Yes</Power_Locks>
			<Stereo>Radio/Cassette</Stereo>
			<Automatic>Yes</Automatic>
			<Interiors>Fabric</Interiors>
			<Air_Conditioning>Yes</Air_Conditioning>
			<Note>Pre-owned, very clean</Note>
		</OPTIONS>
		<OWNER>
			<NAME>Shawn Denoncour</NAME>
			<EMAIL>SDenoncour@aDomain.Com</EMAIL>
			<PHONE>781 781 785</PHONE>
		</OWNER>
	</VEHICLE>
</VEHICLES>

ㄴmemberList.xml

<?xml version="1.0" encoding="UTF-8"?>
<!-- DTD추가 -->
<!DOCTYPE memberList 
[
<!ELEMENT memberList (memberInfo+)>
<!ELEMENT memberInfo (name+,telephone+,curriculumn?,zipCode,addr)> <!-- *****테스트를 위해 수정 -->
<!-- name: 단일엘리먼트 일 경우-->
<!-- name+: 여러개일 경우 -->
<!-- name?: 있기도 하고, 없기도 할 경우 -->
<!ELEMENT name (#PCDATA)>
<!ELEMENT telephone (#PCDATA)>
<!ELEMENT curriculumn (sub+)>
<!ELEMENT sub (#PCDATA)>
<!ELEMENT zipCode (#PCDATA)>
<!ELEMENT addr (#PCDATA)>
<!ATTLIST memberInfo mid CDATA #REQUIRED>
]>

<!-- #REQUIRED: 이 속성은 반드시 명시되어야 한다. -->
<!-- #IMPLIED: 이 속성은 명시되기도 하고, 명시되지 않기도 한다. -->
<!-- #FIXED 특정값: 이 속성은 특정값으로 고정되어 사용된다. -->

<memberList>	
	<memberInfo mid="1">
		<name>노은하</name>
		<name>쨩</name> <!-- *****테스트를 위해 추가 -->
		<telephone><![CDATA[010-1234-4567]]></telephone>
		<telephone><![CDATA[010-1234-4567]]></telephone> <!-- *****테스트를 위해 추가 -->
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>01234</zipCode>
		<addr>서울시 마포구 월드컵북로 150</addr>
	</memberInfo>
	
	<memberInfo mid="2">
		<name>김민지</name>
		<name>뮌쥐</name>
		<telephone><![CDATA[010-9987-8876]]></telephone>
		<telephone><![CDATA[010-9987-8876]]></telephone>
		<curriculumn>
			<sub>HTML</sub>
			<sub>CSS</sub>
			<sub>Javascript</sub>
		</curriculumn>
		<zipCode>01285</zipCode>
		<addr>서울시 은평구 통일로 20</addr>
	</memberInfo>
	
</memberList>

ㄴmemList.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE memList 
[
<!ELEMENT memList (memberInfo+)>
<!ELEMENT memberInfo (name, telephone, curriculumn, zipCode, addr, email?)>
<!ELEMENT name (#PCDATA)>
<!ELEMENT telephone (#PCDATA)>
<!ELEMENT curriculumn (sub+)>
<!ELEMENT sub (#PCDATA)>
<!ELEMENT zipCode (#PCDATA)>
<!ELEMENT addr (#PCDATA)>
<!ATTLIST memberInfo mid CDATA #REQUIRED>
<!ELEMENT email (#PCDATA)>
]>

<memList>
	<!-- memList.xml -->
	
	<!-- ※ 스스로(본인)의 정보를 표현할 수 있는 문서 작성 -->
	<!--    (+ 우리 팀원들) -->
	<memberInfo mid="1">
		<name>박나영</name>
		<telephone><![CDATA[010-1111-1111]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03995</zipCode>
		<addr>서울시 동작구 상도동</addr>
		<email><![CDATA[na@gmail.com]]></email>
	</memberInfo>
	<memberInfo mid="2">
		<name>오수경</name>
		<telephone><![CDATA[010-2222-2222]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04031</zipCode>
		<addr>서울시 중랑구 면목동</addr>
		<email><![CDATA[su@gmail.com]]></email>
	</memberInfo>
	<memberInfo mid="3">
		<name>문정환</name>
		<telephone><![CDATA[010-3333-3333]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03992</zipCode>
		<addr>인천 남동구 남촌동</addr>
	</memberInfo>
	<memberInfo mid="4">
		<name>이주형</name>
		<telephone><![CDATA[010-4444-4444]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04001</zipCode>
		<addr>경기도 화성시 동탄 목동</addr>
	</memberInfo>
	<memberInfo mid="5">
		<name>임하성</name>
		<telephone><![CDATA[010-5555-5555]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>04000</zipCode>
		<addr>서울시 강북구 미아동</addr>
	</memberInfo>
	<memberInfo mid="6">
		<name>엄재용</name>
		<telephone><![CDATA[010-6666-6666]]></telephone>
		<curriculumn>
			<sub>JAVA SE</sub>
			<sub>ORACLE</sub>
			<sub><![CDATA[Servlet&JSP]]></sub>
		</curriculumn>
		<zipCode>03991</zipCode>
		<addr>서울시 관악구 신림동</addr>
	</memberInfo>
</memList>

ㄴ/XmlApp04/src/com/test

ㄴㄴXmlDomTest01.java

/* =============================
	XmlDomTest01.java
	- 콘설 기반 자바 프로그램
	- XML DOM 활용 → 로컬(local) XML 읽어내기
================================ */
package com.test;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;

import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.NodeList;

public class XmlDomTest01
{	
	public static void main(String[] args)
	{
		// 1. XML 파일을 메모리에 로드 → XML DOM 형성
		// 2. 루트 엘리먼트 접근
		// 3. 특정 하위 엘리먼트 접근 → 위치, 이름 등을 기준으로 접근
		// 4. 텍스트 노드(속성 노드) 접근 → 데이터 획득
		// 5. 결과 처리(출력)
		
		try
		{
			// XML 파일을 메모리에 로드시킬 준비
			// -> XML DOM 형성을 위한 준비
			//	  (이를 위해 필요한 리소스 구성)
			DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
			DocumentBuilder builder = factory.newDocumentBuilder();
			Document xmlObj = null;
			
			// XML 파일을 메모리에 로드 → XMl DOM형성
			String url = "VEHICLES.xml";
			xmlObj = builder.parse(url);
			
			
			
			// 루트 엘리먼트 접근
			Element root = xmlObj.getDocumentElement();	//** 루트엘리먼트에 접근가능
			
			// 테스트
			//System.out.println(root.getNodeName());
			//--==>> VEHICLE
			
			// 특정 하위 엘리먼트 접근 → 위치, 이름 등을 기준으로 접근
			// 『get(ElementsByTagName()』 메소드는 태그의 이름을 가지고
			// 하위(자식,자손) 노드에 접근할 수 있도록 해 주는 메소드
			NodeList vehicleNodeList = root.getElementsByTagName("VEHICLE");			
			
		}catch (Exception e)
		{
			System.out.println(e.toString());
		}
	}
}

ㄴㄴXmlDomTest02.xml

/* ========================================
	XmlDomTest01.java
	- 콘설 기반 자바 프로그램
	- XML DOM 활용 → 로컬(local) XML 읽어내기
	  (memberList.xml)
=========================================== */

// 노은하 010-1234-4567
// 김민지 0100-9987-8876

package com.test;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;

import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;

public class XmlDomTest02
{
	public static void main(String[] args)
	{
		try
		{
			// 1. XML 파일 메모리에 로드 -> DOM 형성
			// 2. 루트엘리먼트 접근
			// 3. 특정 하위 엘리먼트 접근
			// 4. 텍스트노드(속성노드) 접근
			// 5. 결과 처리(출력)
			
			
			// 1. XML 파일 메모리에 로드 -> DOM 형성
			DocumentBuilderFactory factroy = DocumentBuilderFactory.newInstance();
			DocumentBuilder builder = factroy.newDocumentBuilder();
			Document xmlObj = null;
			
			String url = "memberList.xml";
			xmlObj = builder.parse(url);

			
			
			// 2. 루트엘리먼트 접근
			Element root = xmlObj.getDocumentElement();
			//					  get + DocumentElemt
			//-- 문서의 대표 엘리먼트(루트 엘리먼트)를 얻어내는 과정
			//System.out.println(root.getNodeName());
			
			
			
			// 3. 특정 하위 엘리먼트 접근 -> 위치, 이름 등을 기준으로 접근(사실상 문법적으로 다양한 접근 방법 지원)
			NodeList memberNodeList = root.getElementsByTagName("memberInfo");
			//-- 이 때, 『getElementsByTagName()』메소드는
			//	태그의 이름을 가지고 자식이나 자손 노드에 접근을 수행하는 메소드
			//						 ------------------ (특정 노드)
			
			// ※ check~!!!
			//	  XML 에서 얻어낸 NodeList 객체에 포함되어 있는 Node의 갯수를
			//	  『getLength()』 메소드를 통해 확인할 수 있다.
			//	  이를 활용하여 각각의 Node 에 접근하는 반복의 횟수를 특정할 수 있다.
			
			//System.out.println(memberNodeList.getLength());
			
			
			
			// 4. 텍스트노드(속성노드) 접근
			// -> 원하는 데이터 얻어내기
			for (int i = 0; i < memberNodeList.getLength(); i++) 
			{ 
				Node memberNode = memberNodeList.item(i);
				//-- 『getElementsByTagName()』 메소드가 이름을 통해 대상을 획득했다면...
				//	 『item()』 메소드는 위치(인덱스)를 통해 대상을 획득하게 된다...
				
				// 캐스팅 (노드를 엘리먼트로...)
				Element memberElemet = (Element)memberNode;
				//-- 이와 같은 코드 구성이 가능한 이유는
				//	 엘리먼트가 노드의 하위 개념이기 때문에 가능한 구문.
	
				
				
				// 5. 결과 처리(출력)
				System.out.printf("%s %s%n" 
						, getText(memberElemet, "name")
						, getText(memberElemet, "telephone"));
				//--==>>
	//			노은하 010-1234-4567
	//			김민지 010-9987-8876
				
				
				
				// 대상 문서(memberList.xml)의
				// 커리큘럼(curriculum)에 대한 처리 추가 ------------------------------
				
				// memberList.xml 의
				// memberInfoElement 로 부터 curriculumn NodeList 얻어오기
				NodeList curriculumnNodeList = memberElemet.getElementsByTagName("curriculumn");
				
				// check~!!!
				if (curriculumnNodeList.getLength() > 0)
				{
					Node curriculumnNode = curriculumnNodeList.item(0);
					Element curricumnElement = (Element)curriculumnNode;
					
					// 방법 1.
					/*
					NodeList subNodeList = curricumnElement.getElementsByTagName("sub");
					for (int j = 0; j < subNodeList.getLength(); j++)
					{
						Node subNode = subNodeList.item(j);
						Element subElement = (Element) subNode;
						System.out.printf("%s ", subElement.getTextContent());
					}
					System.out.println();
					*/
					
					
					// 방법 2.
					/*
					--------------------------------------------------
					Node Type			Node Constant
					--------------------------------------------------
						1				ELEMENT_NODE
						2				ATTRIBUTE_NODE
						3				TEXT_NODE
						4				CDATA_SECTION_NODE
						5				ENTITY_REFERENCE_NODE
						6				ENTITI_NODE
						7				PROCESSING_INSTRUCTION_NODE
						8				COMMENT_NODE
						9				DOCUMENT_NODE
					   10				DOCUMENT_TYPE_NODE
					   11				DOCUMENT_FRAGMENT_NODE
					   12				NOTATION_NODE
					--------------------------------------------------
					*/
					
					NodeList subNodeList = curricumnElement.getChildNodes(); // check~!!!
					for (int j = 0; j < subNodeList.getLength(); j++)
					{
						Node subNode = subNodeList.item(j);
						if(subNode.getNodeType() == 1)	//-- ElELEMENT_NODE	 // check~!!!
						{
							Element subElement = (Element) subNode;
							System.out.printf("%s", subElement.getTextContent());
						}
						System.out.println();
					}
				}
				// ------------------------------ 커리큘럼(curriculum)에 대한 처리 추가 
			}
			
		} catch (Exception e)
		{
			System.out.println(e.toString());
		}
	}
	
	// 특정 엘리먼트 얻어오는 메소드 정의
	public static String getText(Element parent, String tagName)
	{
		String result = "";
		
		// 4-1. 특정 태그이름 가진 객체의 첫번째 자식 노드 가져오기
		Node node = parent.getElementsByTagName(tagName).item(0); 
		//** item(0): 0인 이유는 해당 이름의 엘리먼트들을 가져오는데, 그중 첫번째를 가져오기 위해서...
		
		Element element = (Element)node;
		
		// 4-2. 특정 엘리먼트의 값 가져오기
		result = element.getChildNodes().item(0).getNodeValue();
		
		return result;
	}
}

ㄴㄴXmlDomTest03.xml

/*================================================
	XmlDomTest03.java
	- 콘솔 기반 자바 프로그램
	- XML DOM 활용 → 로컬(local) XML 읽어내기
	  (memList.xml)
================================================*/
package com.test;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;

import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;

public class XmlDomTest03
{
	public static void main(String[] args)
	{
		// 1. XML 파일 메모리에 로드
		// 2. 루트 엘리먼트에 접근
		// 3. 특정 하위 엘리먼트에 접근
		// 4. 텍스트노드(속성 노드)에 접근
		// 5. 결과 처리(출력)
		
		try
		{
			// 1. XML 파일 메모리에 로드
			DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
			DocumentBuilder builder = factory.newDocumentBuilder();
			Document xmlObj = null;
			
			String url = "memList.xml";
			xmlObj = builder.parse(url);
			
			// 2. 루트 엘리먼트에 접근
			Element root = xmlObj.getDocumentElement();
			
			// 3. 특정 하위 엘리먼트에 접근
			NodeList memberInfoNodeList = root.getElementsByTagName("memberInfo");
			
			for (int i = 0; i < memberInfoNodeList.getLength(); i++)
			{
				Node memberInfoNode = memberInfoNodeList.item(i);
				Element memberInfoElement = (Element)memberInfoNode;
				
				NodeList curriculumnNodeList = memberInfoElement.getElementsByTagName("curriculumn");
				Node curriculumnNode = curriculumnNodeList.item(0);
				Element curriculumnElement = (Element)curriculumnNode;
				
				System.out.printf("%s %s %s %s %s %s%n"
									, getText(memberInfoElement, "name")
									, getText(memberInfoElement, "telephone")
									, getText(curriculumnElement, "sub")
									, getText(memberInfoElement, "zipCode")
									, getText(memberInfoElement, "addr")
									, getText(memberInfoElement, "email"));
				
			}
			
		} catch (Exception e)
		{
			System.out.println(e.toString());
		}
	}// end main
	
	private static String getText(Element parent, String tagName)
	{
		String result="";
		
		// 특정 태그 이름을 가진 객체의 첫 번째 자식 노드를 얻어온 다음
		NodeList tagNameNodeList = parent.getElementsByTagName(tagName);
		int maxIdx = tagNameNodeList.getLength();
		/* System.out.println(tagName + maxIdx); */
		
		for (int m = 0; m < maxIdx; m++)
		{
			
			Node node = parent.getElementsByTagName(tagName).item(m);
			Element element = (Element)node;
			
			// 특정 엘리먼트의 자식 노드(Text Node)의 값(nodeValue)를 얻어올 수 있도록 처리
			result += element.getChildNodes().item(0).getNodeValue(); 

		}
		
		// 결과값 반환
		return result;
	}
}

ㄴㄴXmlDomTest04.java

/*================================================
	XmlDomTest04.java
	- 콘솔 기반 자바 프로그램
	- XML DOM 활용 → 로컬(local) XML 읽어내기
	  (memList.xml)
================================================*/

// breakfast_menu.xml 파일을 대상으로
/*
■[Belgian Waffles] $5.95	650 칼로리
- Two of our famous Belgian Waffles with plenty of real maple syrup
-------------------------------------------------------------------
■[Strawberry Belgian Waffles] $7.95	900 칼로리
- Light Belgian waffles covered with strawberries and whipped cream
-------------------------------------------------------------------
■[Berry-Berry Belgian Waffles] $8.95	900 칼로리
- Light Belgian waffles covered with an assortment of fresh berries and whipped cream
-------------------------------------------------------------------
							:
*/
// 이와 같이 출력이 이루어질 수 있도록 프로그램을 작성한다.

package com.test;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;

import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;

public class XmlDomTest04
{
	public static void main(String[] args)
	{
		try
		{
			// 1. XML 파일 메모리에 로드 -> DOM 형성
			// 2. 루트엘리먼트 접근
			// 3. 특정 하위 엘리먼트 접근
			// 4. 텍스트노드(속성노드) 접근
			// 5. 결과 처리(출력)
			
			// 1. XML 파일 메모리에 로드
			DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
			DocumentBuilder builder = factory.newDocumentBuilder();
			Document xmlObj = null;
			
			String url = "breakfast_menu.xml";
			xmlObj = builder.parse(url);
			
			
			// 2. 루트 엘리먼트에 접근
			Element root = xmlObj.getDocumentElement();
			//System.out.println(root.getNodeName());
			
			
			// 3. 특정 하위 엘리먼트에 접근
			NodeList breakfastList = root.getElementsByTagName("food");
			//System.out.println(breakfastList.getLength());
			
			
			// 4. 텍스트노드(속성 노드)에 접근
			for (int i = 0; i < breakfastList.getLength(); i++)
			{
				Node breakfastNode = breakfastList.item(i);
				Element breakfastElement = (Element)breakfastNode;
				
				// 5. 결과 처리(출력)
				System.out.printf("■[%s] %s	%s 칼로리\n"
						+ "- %s\n"
						+ "-------------------------------------------------------------------\n"
						, getText(breakfastElement, "name")
						, getText(breakfastElement, "price")
						, getText(breakfastElement, "calories")
						, getText(breakfastElement, "description")
						);
			}
		} catch (Exception e)
		{
			System.out.println(e.toString());
		}
	}
	
	public static String getText(Element parent, String tagName)
	{
		String result = "";
		
		Node node = parent.getElementsByTagName(tagName).item(0);
		Element element = (Element)node;
		
		result = element.getChildNodes().item(0).getNodeValue();
		
		return result;
	}
}

ㄴㄴXmlDomTest05.java

/*================================================
	XmlDomTest05.java
	- 콘솔 기반 자바 프로그램
	- XML DOM 활용 → 로컬(local) XML 읽어내기
	  (VEHICLES.xml)
================================================*/
/*
-------------------------------------------------------
NO  MAKE	MODEL		YEAR	STYLE			PRICE
-------------------------------------------------------
1	Dodge	Durango		1998	Sport Utility	1800
Options ----------------------------------------------- ◀ 옵션 개수가 다름
	Poser_Locks : Yes
	Power_Window : Yes
	Stereo : Radio/Cassette/CD
	Air_conditioning : Yes
	Automatic : Yes
	Four_Wheel_Drive : Full/Partial
	Note : Very clean
-------------------------------------------------------
					:
*/
package com.test;

import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import javax.xml.parsers.ParserConfigurationException;

import org.w3c.dom.Document;
import org.w3c.dom.Element;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;

public class XmlDomTest05
{
	public static void main(String[] args)
	{
		// 1. XML 파일 메모리에 로드
		// 2. 루트엘리먼트 접근
		// 3. 특정 하위 엘리먼트 접근
		// 4. 텍스트노드(속성노드) 접근
		// 5. 결과 처리(출력)
		
		try
		{
			// 1. XML 파일 메모리에 로드
			DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
			DocumentBuilder builder = factory.newDocumentBuilder();
			Document xmlObj = null;
			
			String url = "VEHICLES.xml";
			xmlObj = builder.parse(url);
			
			// 2. 루트엘리먼트 접근
			Element root = xmlObj.getDocumentElement();
			//System.out.println(root.getNodeName());
			
			// 3. 특정 하위 엘리먼트 접근
			NodeList vehicleList = root.getElementsByTagName("VEHICLE");
			//System.out.println(vehicleList.getLength());
			
			// 4. 텍스트노드(속성노드) 접근
			for (int i = 0; i < vehicleList.getLength(); i++)
			{
				Node vehicleNode = vehicleList.item(i);
				Element vehicleElement = (Element)vehicleNode;
				
				// 5. 결과 처리(출력)
				System.out.printf(
						"----------------------------------------------------------------\n" + 
						"NO  	MAKE	MODEL	YEAR	STYLE		PRICE\n" + 
						"----------------------------------------------------------------\n" + 
						"%2s %10s %10s %5s	%13s	%7s\n"
						,getText(vehicleElement, "INVENTORY_NUMBER")
						,getText(vehicleElement, "MAKE")
						,getText(vehicleElement, "MODEL")
						,getText(vehicleElement, "YEAR")
						,getText(vehicleElement, "STYLE")
						,getText(vehicleElement, "PRICE")
						
						);
				
				NodeList optionNodeList = vehicleElement.getElementsByTagName("OPTIONS");
				Node optionNode = optionNodeList.item(0);
				Element optionElement = (Element)optionNode;
				System.out.println("Options --------------------------------------------------------");
				
				NodeList subNodeList = optionElement.getChildNodes();
				
//				if(subNodeList.getLength() >0)
//				{}
				for (int j = 0; j < subNodeList.getLength(); j++)
				{
					
					Node node = subNodeList.item(j);
					//System.out.println("갯수: "+subNodeList.getLength());
					
					if (node.getNodeType() == 1) { // 실제 출력되는 구문
						//System.out.println("ELEMENT_NODE Node Name = " + node.getNodeName());
						//System.out.println("ELEMENT_NODE Text Content = " + node.getTextContent());
						
						System.out.printf("%s : %s\n",node.getNodeName(), node.getTextContent());
					}
					if (node.getNodeType() == 3) { // 공백..
						//System.out.println("TEXT_NODE Node Name = " + node.getNodeName());
						//System.out.println("TEXT_NODE Text Content = " + node.getTextContent());
					}
				}
				
				System.out.println("----------------------------------------------------------------\n\n\n");
			}
			
			
		} catch (Exception e)
		{
			System.out.println(e.toString());
		}
		
	}
	
	public static String getText(Element parent, String tagName)
	{
		String result = "";
		
		NodeList tagNameNodeList = parent.getElementsByTagName(tagName);
		int maxIdx = tagNameNodeList.getLength();
		
		for (int i = 0; i < maxIdx; i++)
		{
			Node node = parent.getElementsByTagName(tagName).item(i);
			Element element = (Element)node;
			
			result = element.getChildNodes().item(0).getNodeValue();
		}
		
		
		return result;
	}
}

'📝 배우고 익히기 + > Spring' 카테고리의 다른 글

(110-112)[Spring]22-24일차: ((xml)) ■ XPath ■, XmlApp08~09 (1)	2024.02.07
(109)[Spring]20일차: ((xml)) RSS, XmlApp05~07 (2)	2024.02.05
(107)[Spring]18일차: F_FileSystemApp06~07 (0)	2024.01.30
(106)[Spring]17일차: ■ 05 파일시스템 및 파일업로드 ■, F_FileSystemApp01~05 (2)	2024.01.26
(105)[Spring]16일차: 🧨🎉✨F_MybatisWork03: 학생, 성적 관리✨🎉🧨 (1)	2024.01.25

(107-108)[Spring]18-19일차: ((xml))■ XML ■, ■ XML DTD ■, XmlApp01~04

1. 2024.1.31-2.1(수-목)

■■■ XML(eXtensible Markup Language) ■■■

○ 개요

※ 참고

1) SGML(Standard Generalized Markup Language)

2) HTML(Hyper Text Markup Language)

3) XML(Extensible Markup Language)

○ XML / HTML / SGML 비교

○ XML 응용 분야

○ 마크업 언어

○ HTML 과 XML 문서의 내용 비교

○ XML 문서 작성의 기본 규칙

■■■ XML DTD(Document Type Definition) ■■■

○ 개요

※ 유효한(valid) XML

○ DTD 샘플

○ DTD와 XML 문서의 결합

F_XmlApp01: xml 작성

ㄴ/XmlApp01/WebContent

ㄴㄴmemberList.xml

ㄴㄴmemList.xml

ㄴㄴxmlTest01.xml

F_XmlApp02: DTD 추가

ㄴ/XmlApp02/WebContent

ㄴㄴmemberList.xml

ㄴㄴmemList.xml

F_XmlApp03: HTML로 부터 데이터 분리(관찰)

ㄴ/XmlApp03/WebContent

ㄴㄴkoreanMajorCities.xml

ㄴㄴXmlApp03.html

F_XmlApp04: XML 파일을 메모리에 로드 → XML DOM 형성

ㄴbreakfast_menu.xml

ㄴVEHICLES.xml

ㄴmemberList.xml

ㄴmemList.xml

ㄴ/XmlApp04/src/com/test

ㄴㄴXmlDomTest01.java

ㄴㄴXmlDomTest02.xml

ㄴㄴXmlDomTest03.xml

ㄴㄴXmlDomTest04.java

ㄴㄴXmlDomTest05.java

'📝 배우고 익히기 + > Spring' 카테고리의 다른 글

관련글

티스토리툴바