---
title: "XML 파일에 이미지 삽입하기"
date: "2020-01-15"
categories: 
  - "development"
  - "json"
  - "xml"
tags: 
  - "json"
  - "json-editor"
  - "xml"
  - "xml-editor"
  - "xmlspy"
description: XMLSpy를 사용하여 XML 및 JSON 문서에 이미지를 삽입하는 방법을 알아보세요. 이 가이드에서는 외부 파일을 데이터 구조의 일부로 포함하는 단계를 설명합니다.
---
Status: #blog

Tags:  #json #json-editor #xml #xml-editor #xmlspy

Categories: [development](/blog/ko/category/development.md) | [json](/blog/ko/category/json.md) | [xml](/blog/ko/category/xml.md)
# XML 파일에 이미지 삽입하기

몇 년 전, 고객의 요청에 따라 XMLSpy에 추가된 매우 유용한 기능 중 하나는 외부 파일, 예를 들어 이미지 파일을 XML 문서 내에 인코딩된 텍스트 형태로 직접 포함할 수 있는 기능입니다. 이를 통해 다양한 외부 파일에 분산된 모든 필요한 데이터를 하나의 큰 XML 문서로 묶을 수 있습니다. 이 기능은 JSON 문서에 이미지를 포함하는 데에도 사용할 수 있습니다. 

이제 XML과 (다른 기술)을 사용하여 이를 얼마나 쉽게 구현할 수 있는지 살펴보겠습니다 [JSON 편집기](https://www.altova.com/ko/xmlspy-xml-editor/json_editor) 몇 번의 간단한 단계를 거치면 됩니다.

![이미지 삽입을 위한 사진](/blog/images/shutterstock_22183099.jpg)

<!--more-->

### XML 또는 JSON 파일에 이미지를 포함시키기 

먼저, XML 문서의 경우 텍스트 보기와 그리드 보기에서, JSON 파일의 경우 텍스트 보기에서 "삽입 / 외부 파일 삽입" 명령을 클릭하세요.

![인코딩된 파일 삽입](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/insertencodedfile_thumb.gif)

임베드할 파일을 선택하려면 파일을 찾아보고, 그 다음에는 Base 16 또는 Base 64 인코딩 방식을 선택하세요. 인코딩된 텍스트를 특정 요소 안에 포함하고 싶다면, "요소 생성" 확인란을 선택하고 사용할 요소의 이름을 지정하세요.

이 예제에서는 <photo>이라는 새로운 XML 요소를 생성합니다. "요소 생성" 확인란에 체크 표시가 되어 있지 않으면, 인코딩된 텍스트가 커서 위치에 직접 삽입됩니다.

![인코딩된 이미지](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/encodedimage_thumb.gif)

"확인" 버튼을 클릭하면, 지정한 이미지 파일의 암호화된 텍스트가 <photo> 요소 안에 삽입되고, 이제 이 텍스트는 XML 문서의 일부가 됩니다.

![이미지 (base64 인코딩)](https://www.altova.com/blog/images/EmbeddingImagesinXML_973B/imagebase64_thumb.gif)

다음은 강력한 [JSON 그리드 편집기](https://www.altova.com/ko/xmlspy-xml-editor/json_editor)에서 JSON 문서의 한 예시입니다. 파일에 포함된 이미지를 확인할 수 있습니다. 

![JSON 파일에 이미지를 포함하는 방법 ](/blog/images/dayattheraces.png)

그게 전부입니다! XMLSpy의 무료 체험 버전을 [다운로드하여](https://www.altova.com/ko/xmlspy-xml-editor/download) 직접 사용해 보실 수 있습니다.
