[웹 서비스 개발 ] XML Concept 'What is XML, HTML, and CSS?

김광일·2024년 9월 2일

웹 서비스 개발

목록 보기
1/45
post-thumbnail

1. XML에 대하여 (기본 개념)

[1] What is XML?

  1. 데이터를 저장하고 전송하기 위해 설계된 마크업 언어 (eXtenxisble Markup Language)
  2. XML은 자기 설명적이도록 설계되었다.
    : XML 문서가 그 자체로 데이터를 이해하는 데 필요한 정보를 포함하고 있어, 데이터를 쉽게 해석하고 처리할 수 있게 설계되었다는 의미
  3. XML은 단독으로는 아무런 동작도 수행하지 않는다.
    : XML은 데이터 구조를 표현하고 저장하기 위한 언어이기에, 데이터 자체를 담고 있지만, 이를 처리하거나 실행하는 기능을 가지고 있지는 않는다.

[2] XML과 HTML의 차이점

XML

: 데이터가 무엇인지에 중점을 두고, 데이터를 전달하도록 설계되어 있다.

HTMl

: 데이터의 모양에 중점을 두고, 데이터를 표시하도록 설계되어 있다.

XML 태그는 HTML 태그와 다르게 미리 정의 되어 있지 않다.

: 즉, 사용자가 직접 태드를 정의할 수 있고, 이 태그들은 특정한 의미나 동작을 미리 가지지 않는다.

[3] XML은 일을 단순화한다.

1. 데이터 공유 간소화

: XML은 데이터를 구조화된 형식으로 표현하므로, 서로 다른 시스템 간에 데이터를 쉽게 공유할 수 있습니다. 예를 들어, 하나의 시스템에서 생성된 XML 데이터를 다른 시스템에서도 쉽게 읽고 사용할 수 있습니다.

2. 데이터 전송 간소화

: XML은 표준화된 형식으로 데이터를 전송하므로, 데이터 전송 과정이 간단하고 신뢰성 있게 이루어집니다. 예를 들어, 웹 서비스에서 XML을 사용해 데이터를 요청하고 응답을 받을 수 있습니다.

3. 플랫폼 변경 간소화

: XML은 플랫폼에 독립적이어서, 서로 다른 운영 체제나 소프트웨어 환경에서도 동일하게 사용할 수 있습니다. 데이터가 XML 형식으로 되어 있으면, 플랫폼이 바뀌어도 데이터를 쉽게 옮길 수 있습니다.

4. 데이터 가용성 간소화

: XML 데이터는 구조화되어 있어, 데이터의 내용과 형식을 쉽게 이해할 수 있습니다. 그래서 데이터가 어디에 저장되어 있든지 쉽게 접근하고 활용할 수 있습니다.


2. XML에 대하여 (심화 개념)

[4] Presentation에서 데이터를 분리하는 XML

  1. XML에는 표시 방법에 대한 정보가 포함되어 있지 않다.
  2. 동일한 XML 데이터를 다양한 Presentation 시나리오에서 사용할 수 있다.
    -> 이처럼 XML을 사용하면 데이터와 Presentation이 완전히 분리된다.

[5] CSS를 XML에 적용하는 방법

<?xml-stylesheet type = "text/css" href = "css파일 경로"?>

type = "text/css" : 스타일 시트의 종류

href = "css 파일 경로" : XML문서와 연결할 CSS 파일의 경로 지정

[6] Browser Testing

목적

: 각 브라우저가 XML 문서를 올바르게 분석하고 처리할 수 있는지 확인한다.

  • 브라우저는 XML 문서를 읽고, 그 안에 포함된 데이터를 이해하며, 이를 웹 페이지로 변환해야 한다.

문제되는 예시

<?xml version = "1.0" standalone = "yes"?>

<!-- wrong -->
<todo>
Backup sales data for last month
</todo>

<!-- correct -->
<todo>Backup sales data for last month</todo>

profile
안녕하세요, 사용자들의 문제 해결을 중심으로 하는 프론트엔드 개발자입니다. 티스토리로 전환했어요 : https://pangil-log.tistory.com

0개의 댓글