XML

<?xml version="1.0" encoding="utf-8"?>
<watermelon>

<pocak>
<meat>홍길동</meat>
<blue>25</blue>
<korea>hong@nate.com</korea>
</pocak>

<pocak>
<meat>강감찬</meat>
<blue>33</blue>
<korea>kang@nate.com</korea>
</pocak>

<pocak>
<meat>이순신</meat>
<blue>45</blue>
<korea>lee@google.com</korea>
</pocak>

</watermelon>

XML은 무조건 백엔드가 만들어줌

 

 

SVG 파일 : xml파일로 제작된 이미지

<!--
svg파일저장 -> 페이지 원본보기 -> 전체복붙
-->

<svg xmlns="http://www.w3.org/2000/svg" fill="pink" height="34" width="34" viewBox="0 -960 960 960" >
    <path d="m80-80 200-560 360 360L80-80Zm132-132 282-100-182-182-100 282Zm370-246-42-42 224-224q32-32 77-32t77 32l24 24-42 42-24-24q-14-14-35-14t-35 14L582-458ZM422-618l-42-42 24-24q14-14 14-34t-14-34l-26-26 42-42 26 26q32 32 32 76t-32 76l-24 24Zm80 80-42-42 144-144q14-14 14-35t-14-35l-64-64 42-42 64 64q32 32 32 77t-32 77L502-538Zm160 160-42-42 64-64q32-32 77-32t77 32l64 64-42 42-64-64q-14-14-35-14t-35 14l-64 64ZM212-212Z"/>
</svg>

fill="  "

=> 이건 XML에서만 사용 (SVG) 색상 변경

 

SVG 구글 : https://fonts.google.com/icons