XML 기초· ·
XML 파일 보기 - XSL 이용할 경우
XML 파일을 보는 방법은 여러 가지가 있습니다.
다른 파일의 도움 없이 XML 자체만으로도 가능하고 HTML의 스타일시트인 CSS로도 가능합니다. 그러나 미래를 위해서 보자면 XML과 가장 잘 어울리는 XLS를 이용하여 XML 데이터를 표시하는 것이 가장 바람직한 방법일 것입니다. 자바스크립트를 이용하여서도 XML 데이터를 표시할 수 있습니다.
이번 시간에는 XSL을 이용하여 XML 데이터를 꾸미는 방법에 대해 알아봅니다. 자세한 설명은 피하도록 하고, XSL이라는 것을 이용하면 XML 데이터를 효과적으로 보여줄 수 있구나하는 정도까지만 이해했으면 좋겠습니다.
지난 시간에 만든 catalog1.xml 파일을 열어 다음과 같은 데이터를 추가해서 catalog.xml로 저장해 보세요.
1: <?xml version="1.0" encoding="euc-kr" ?>
2: <?xml:stylesheet type="text/xsl" href="/board/catalog.xsl" ?>
3: <CATALOG>
4: <CD>
5: <TITLE>사랑하기 때문에</TITLE>
6: <SINGER>유재하</SINGER>
7: <ALBUM>사랑하기 때문에</ALBUM>
8: <WORDS>처음 느낀 그대 눈빛은 혼자만의 오해 였던가요</WORDS>
9: <YEAR>1987</YEAR>
10: </CD>
11: <CD>
12: <TITLE>사랑으로</TITLE>
13: <SINGER>이주호 이광준</SINGER>
14: <ALBUM>89해바라기</ALBUM>
15: <WORDS>내가 살아가는 동안에 할 일이 또 하나 있지</WORDS>
16: <YEAR>1989</YEAR>
17: </CD>
18: <CD>
19: <TITLE>단발머리</TITLE>
20: <SINGER>조용필</SINGER>
21: <ALBUM>창밖의 여자</ALBUM>
22: <WORDS>그 언젠가 나를 위해 꽃다발을 전해주던 그소녀</WORDS>
23: <YEAR>1979</YEAR>
24: </CD>
25: <CD>
26: <TITLE>어서 말을해</TITLE>
27: <SINGER>이주호 이광준</SINGER>
28: <ALBUM>89해바라기</ALBUM>
29: <WORDS>너는 바보야 그를 잡고 말을 못하면 너는 바보야</WORDS>
30: <YEAR>1989</YEAR>
31: </CD>
32: <CD>
33: <TITLE>청춘을 돌려다오</TITLE>
34: <SINGER>나훈아</SINGER>
35: <ALBUM>나훈아 22년 기념 Best Hit</ALBUM>
36: <WORDS>청춘을 돌려다오 젊음을 다오 흐르는 내인생에 애원이란다</WORDS>
37: <YEAR>1989</YEAR>
38: </CD>
39: <CD>
40 <TITLE>내 마음에 비친 내 모습</TITLE>
41: <SINGER>유재하</SINGER>
42: <ALBUM>사랑하기 때문에</ALBUM>
43: <WORDS>붙들수 없는 꿈의 조각들은 하나 둘 사라져가고</WORDS>
44: <YEAR>1987</YEAR>
45: </CD>
46: <CD>
47: <TITLE>한오백년</TITLE>
48: <SINGER>조용필</SINGER>
49: <ALBUM>창밖의 여자</ALBUM>
50: <WORDS>한 많은 이세상 야속한 님아 정을 두고 몸만 가니 눈물이 나네</WORDS>
51: <YEAR>1979</YEAR>
52: </CD>
53:</CATALOG>
여기서 유의해야 할 것은 제2행입니다.
<?xml:stylesheet type="text/xsl" href="/board/catalog.xsl" ?>
catalog.xsl 이라는 스타일시트 파일을 사용한다는 뜻이죠.
HTML에서 스타일시트에 대해 조금이라도 경험해보신 분들이라면 스타일시트가 어떤 역할을 하는 파일인지는 잘 아실 겁니다.
그럼, catalog.xsl 파일을 만들어야겠죠?
다음과 같이 텍스트를 만든 다음 catalog.xsl 파일로 저장해 봅시다.
1: <?xml version="1.0" encoding="euc-kr" ?>
2: <HTML xmlns:xsl="http://www.w3.org/TR/WD-xsl">
3: <BODY STYLE="font-family:굴림, 돋움, 바탕; font-size:9pt; background-color:#EEEEEE">
4: <xsl:for-each select="CATALOG/CD">
5: <DIV STYLE="background-color:navy; color:white; padding:5px">
6: <SPAN STYLE="font-weight:bold; color:white"><xsl:value-of select="TITLE"/></SPAN>
7: - <xsl:value-of select="SINGER"/> (발표 : <xsl:value-of select="YEAR"/>)
8: </DIV>
9: <DIV STYLE="margin-left:20px; margin-bottom:1em; font-size:10pt">
10: <SPAN STYLE="font-weight:bold;">
11: <xsl:value-of select="ALBUM"/></SPAN>앨범에 수록.
12: <SPAN STYLE="font-style:italic">
13: (가사 앞 부분 : <xsl:value-of select="WORDS"/>)
14: </SPAN>
15: </DIV>
16: </xsl:for-each>
17: </BODY>
18:</HTML>
XSL에 대한 설명은 다음으로 미루겠습니다.(XML 기초에 이어 DOM과 XSL 기초 강좌 순으로 계속할 예정입니다.)
그럼, 확인해 볼까요.
catalog.xml 파일을 열어 보세요.
catalog.xml 파일 직접 열기
이상, 동주 아빠 손병목이었습니다.
다른 파일의 도움 없이 XML 자체만으로도 가능하고 HTML의 스타일시트인 CSS로도 가능합니다. 그러나 미래를 위해서 보자면 XML과 가장 잘 어울리는 XLS를 이용하여 XML 데이터를 표시하는 것이 가장 바람직한 방법일 것입니다. 자바스크립트를 이용하여서도 XML 데이터를 표시할 수 있습니다.
이번 시간에는 XSL을 이용하여 XML 데이터를 꾸미는 방법에 대해 알아봅니다. 자세한 설명은 피하도록 하고, XSL이라는 것을 이용하면 XML 데이터를 효과적으로 보여줄 수 있구나하는 정도까지만 이해했으면 좋겠습니다.
지난 시간에 만든 catalog1.xml 파일을 열어 다음과 같은 데이터를 추가해서 catalog.xml로 저장해 보세요.
1: <?xml version="1.0" encoding="euc-kr" ?>
2: <?xml:stylesheet type="text/xsl" href="/board/catalog.xsl" ?>
3: <CATALOG>
4: <CD>
5: <TITLE>사랑하기 때문에</TITLE>
6: <SINGER>유재하</SINGER>
7: <ALBUM>사랑하기 때문에</ALBUM>
8: <WORDS>처음 느낀 그대 눈빛은 혼자만의 오해 였던가요</WORDS>
9: <YEAR>1987</YEAR>
10: </CD>
11: <CD>
12: <TITLE>사랑으로</TITLE>
13: <SINGER>이주호 이광준</SINGER>
14: <ALBUM>89해바라기</ALBUM>
15: <WORDS>내가 살아가는 동안에 할 일이 또 하나 있지</WORDS>
16: <YEAR>1989</YEAR>
17: </CD>
18: <CD>
19: <TITLE>단발머리</TITLE>
20: <SINGER>조용필</SINGER>
21: <ALBUM>창밖의 여자</ALBUM>
22: <WORDS>그 언젠가 나를 위해 꽃다발을 전해주던 그소녀</WORDS>
23: <YEAR>1979</YEAR>
24: </CD>
25: <CD>
26: <TITLE>어서 말을해</TITLE>
27: <SINGER>이주호 이광준</SINGER>
28: <ALBUM>89해바라기</ALBUM>
29: <WORDS>너는 바보야 그를 잡고 말을 못하면 너는 바보야</WORDS>
30: <YEAR>1989</YEAR>
31: </CD>
32: <CD>
33: <TITLE>청춘을 돌려다오</TITLE>
34: <SINGER>나훈아</SINGER>
35: <ALBUM>나훈아 22년 기념 Best Hit</ALBUM>
36: <WORDS>청춘을 돌려다오 젊음을 다오 흐르는 내인생에 애원이란다</WORDS>
37: <YEAR>1989</YEAR>
38: </CD>
39: <CD>
40 <TITLE>내 마음에 비친 내 모습</TITLE>
41: <SINGER>유재하</SINGER>
42: <ALBUM>사랑하기 때문에</ALBUM>
43: <WORDS>붙들수 없는 꿈의 조각들은 하나 둘 사라져가고</WORDS>
44: <YEAR>1987</YEAR>
45: </CD>
46: <CD>
47: <TITLE>한오백년</TITLE>
48: <SINGER>조용필</SINGER>
49: <ALBUM>창밖의 여자</ALBUM>
50: <WORDS>한 많은 이세상 야속한 님아 정을 두고 몸만 가니 눈물이 나네</WORDS>
51: <YEAR>1979</YEAR>
52: </CD>
53:</CATALOG>
여기서 유의해야 할 것은 제2행입니다.
<?xml:stylesheet type="text/xsl" href="/board/catalog.xsl" ?>
catalog.xsl 이라는 스타일시트 파일을 사용한다는 뜻이죠.
HTML에서 스타일시트에 대해 조금이라도 경험해보신 분들이라면 스타일시트가 어떤 역할을 하는 파일인지는 잘 아실 겁니다.
그럼, catalog.xsl 파일을 만들어야겠죠?
다음과 같이 텍스트를 만든 다음 catalog.xsl 파일로 저장해 봅시다.
1: <?xml version="1.0" encoding="euc-kr" ?>
2: <HTML xmlns:xsl="http://www.w3.org/TR/WD-xsl">
3: <BODY STYLE="font-family:굴림, 돋움, 바탕; font-size:9pt; background-color:#EEEEEE">
4: <xsl:for-each select="CATALOG/CD">
5: <DIV STYLE="background-color:navy; color:white; padding:5px">
6: <SPAN STYLE="font-weight:bold; color:white"><xsl:value-of select="TITLE"/></SPAN>
7: - <xsl:value-of select="SINGER"/> (발표 : <xsl:value-of select="YEAR"/>)
8: </DIV>
9: <DIV STYLE="margin-left:20px; margin-bottom:1em; font-size:10pt">
10: <SPAN STYLE="font-weight:bold;">
11: <xsl:value-of select="ALBUM"/></SPAN>앨범에 수록.
12: <SPAN STYLE="font-style:italic">
13: (가사 앞 부분 : <xsl:value-of select="WORDS"/>)
14: </SPAN>
15: </DIV>
16: </xsl:for-each>
17: </BODY>
18:</HTML>
XSL에 대한 설명은 다음으로 미루겠습니다.(XML 기초에 이어 DOM과 XSL 기초 강좌 순으로 계속할 예정입니다.)
그럼, 확인해 볼까요.
catalog.xml 파일을 열어 보세요.
catalog.xml 파일 직접 열기
이상, 동주 아빠 손병목이었습니다.