--- title: XML 그리드, 새로운 디자인으로 탈바꿈 date: 2021-03-24 categories: - development - xml tags: - new-features - xml-editor - xmlspy - xpath - xquery description: XMLSpy의 XML 그리드 뷰 기능이 완전히 재구축되었으며, XML 편집을 위한 독특하고 새로운 기능들이 추가되었습니다. 데모 영상을 시청하십시오. --- Status: #blog Tags: #new-features #xml-editor #xmlspy #xpath #xquery Categories: [development](/blog/ko/category/development.md) | [xml](/blog/ko/category/xml.md) # XML 그리드, 새로운 디자인으로 탈바꿈 XMLSpy를 사용하여 XML 작업을 해보셨다면, XML 문서의 구조를 시각적으로 표현하는 XML 그리드 뷰를 사용했을 가능성이 높습니다. 이 시각적인 표현은 문서의 계층 구조를 즉시 이해하고 내용을 편집하는 데 도움이 됩니다. 최신 버전의 XML 편집기에서, "[XML 그리드](https://www.altova.com/ko/xmlspy-xml-editor/xml-viewer#xml-viewer-grid)는 이전과 약간 다른 모습입니다. 사실, 이 기능은 XML 데이터를 편집, 검색, 계산 및 공유하는 데 더욱 강력하고 독특한 기능을 제공하기 위해 처음부터 완전히 재구축되었습니다. ![XMLSpy에서 XML 그리드에 대해 알아보세요 ](/blog/images/XMLSpy-XML-Grid.jpg) ## 새로운 XML 기반 그리드 보기 2021r2 버전부터 완전히 새롭게 개선된 XML 그리드는 사용하기 더욱 편리해졌으며, 강력한 새로운 기능과 옵션을 제공합니다. 예를 들어, XML 그리드는 이제 [스마트 픽스 XML 유효성 검사](https://www.altova.com/ko/xmlspy-xml-editor#SmartFix) 기능을 포함하여, 오류를 감지하고, _뿐만 아니라_ 이러한 오류를 수정할 수 있는 해결책을 제시합니다. 편집기는 여전히 익숙한 표 형태로 데이터를 보여주는 기능을 제공합니다. 이 기능은 반복되는 요소를 표 형태로 재구성하여 사용자가 쉽게 확인하고 정렬할 수 있도록 합니다. 표의 열은 속성 및 하위 요소들을 사용하여 구성되며, 반복되는 XML 요소는 행으로 표시됩니다. 새로운 기능은 표의 행과 열을 뒤집을 수 있게 되어, 문서의 내용을 더욱 쉽게 읽을 수 있도록 화면 구성을 변경할 수 있다는 것입니다. 예를 들어, 아래에 제시된 휴대폰 비교 표는 많은 열을 가지고 있지만 행의 수는 적습니다. ![](/blog/images/xml-grid-table-1030x391.png) 행과 열의 위치를 바꾸면 콘텐츠를 즉시 쉽게 확인할 수 있습니다. ![그리드 XML 편집기에서 행과 열을 서로 바꾸기](/blog/images/xml-editor-grid-view.png) **Base-64 인코딩된 이미지를 그래픽으로 표시하기** XML 그리드 뷰는 이제 PNG, JPG, BMP, SVG, 그리고 애니메이션 GIF 이미지와 같이 다양한 형식의 이미지를 자동으로 표시할 수 있습니다 (위에 보이는 휴대폰 사진처럼). 물론, 텍스트 보기에서는 이러한 기능이 불가능합니다. 이미지 편집기에서 이미지를 직접 복사하여 XML 그리드 뷰에 붙여넣을 수도 있습니다. 이미지는 base-64 형식으로 저장되며, 텍스트 보기로 전환하면 해당 내용을 확인할 수 있습니다. **외부 애플리케이션에서 콘텐츠를 직접 추가합니다** 이미지를 복사/붙여넣기하는 것 외에도, 외부 응용 프로그램에서 콘텐츠를 쉽게 복사하거나 붙여넣을 수 있으며, XML Grid에서 해당 콘텐츠의 구조가 자동으로 인식됩니다. 예를 들어, 엑셀이나 텍스트 편집기에서 콘텐츠를 선택한 후, 해당 콘텐츠를 직접 XML Grid로 끌어다 붙여넣을 수 있습니다. **필터** 새로운 XML 그리드 뷰의 가장 큰 장점 중 하나는 [XPath](https://www.altova.com/ko/training/xpath3)와 [XQuery](https://www.altova.com/ko/training/xquery3)를 활용하여 데이터를 직접 필터링하고 처리할 수 있다는 점입니다. 오른쪽 클릭 메뉴는 필터를 빠르게 생성하는 데 도움을 줍니다. "필터 적용" 옵션을 선택하면, 선택한 노드를 표시하는 필터가 자동으로 생성됩니다. 그런 다음, 필요한 조건을 정확하게 포함하도록 필터를 확장할 수 있습니다. 이는 처음부터 시작하는 것보다 훨씬 빠르며, 필터를 어떻게 구성해야 하는지에 대한 힌트를 제공합니다. ![XML 그리드에서 XPath 필터 생성하기](/blog/images/create-xpath-filter.png) 아래에 특정 가격대의 휴대폰만 표시하도록 필터를 설정했습니다. 이 필터를 적용하면 두 개의 휴대폰이 검색 결과로 나타납니다. 필요에 따라 이 필터를 켜거나 끌 수 있습니다. ![](/blog/images/xpath-filter-xml.png) **공식** 필터는 XML 그리드 뷰에서 콘텐츠의 표시 방식을 변경할 뿐이며, XML 문서 자체를 수정하지 않습니다. 반면, XQuery로 구성된 수식은 결과를 계산하거나 문서에 저장할 수 있는 노드 집합을 생성하는 데 사용될 수 있습니다. 수식을 정의하려면 새 노드를 추가하고, 셀 내의 "유형" 버튼을 사용하여 유형을 "수식"으로 변경한 다음, XQuery 표현식을 입력합니다. 다음은 저희 문서에 있는 휴대폰의 평균 가격을 계산하는 수식의 예입니다. ![XQuery를 사용하여 값을 계산합니다](/blog/images/calculate-xquery-1.png) 디스크 아이콘을 클릭하면 해당 수식이 처리 함수로 저장되고, 그 결과가 XML 파일 자체에 새로운 요소로 추가됩니다. **차트 및 그래프** XML Grid는 Altovaext:chart XQuery 확장을 사용하여 편집 화면에서 숫자 데이터를 직접 시각화할 수 있는 차트와 그래프를 정의할 수 있도록 지원합니다. 아래는 XML 문서에 포함된 전화기 가격을 나타내는 차트입니다. ![XML 데이터로부터 차트 생성 ](/blog/images/xml-chart.png) 생성된 차트는 파일로 저장하거나, 차트 이미지를 복사하거나, 차트를 XML 데이터 형식으로 복사할 수 있습니다. 다음 데모 영상을 통해 이러한 새로운 기능들이 실제로 어떻게 작동하는지 확인해 보세요. ![](https://www.youtube.com/watch?v=sUYihyQPF4g)