#01. HTML과 XML?

리액트 컴포넌트를 작성할 때 반환은 무조건 XML 형식으로 이루어진다.

return (
  <div>
    <h1> 이것이 XML입니까? </h1>
  </div>
);

내가 보기엔 그냥 HTML 형식인데 문서마다 XML이라고 하니까 아니꼬왔다.

막연히 둘다 ML로 끝나길래 같은 회사에서 만든 업그레이드 버전인줄 알았다.

아이폰 X 같은 느낌으로ㅋㅋㅋ

 

그러다 어제 하루종일 트러블 슈팅 한 파일이 싹 날라가버리고

실의를 잃어버린 나는, 이제서야 이걸 찾아볼 생각이 들었다.

 

결론부터 말하자면 둘다 마크업 언어의 종류다.

 

마크업 언어

 

 

 

 

 

 

 

 

 

 

마크업 언어는 태그 등을 이용해 문서의 구조나 형식, 데이터 구조를 표시한다.

태그는 문서의 구조를 표현하는 역할을 한다.

 

데이터를 기술하는 정도로만 사용되기 때문에 프로그래밍 언어와는 구분된다.

마크업 기호를 통해 문서의 모양을 제어할 수 있다.

태그를 사용해 그 데이터 포맷을 포함함으로써 일관되고 이해하기 쉽다.

 

텍스트 및 그림과 같은 문서 내용과 마크업을 혼합할 수 있다.

문장의 문자 사이에 마크업을 삽입 가능하다.

 

마크업의 어원은 출판에서 비롯되었다.

본래 마크업은 종이나 인쇄 원고에 프린터 지침의 형태로 손으로 쓴 주석을 추가하는 행위를 가리키는 말이었다.

마크업은 수정과 변경 등 다른 사항을 표시할 수 있었다.

 

<i>italic</i>

예를 들어 <i> 태그는 태그 안의 요소를 변경시켜 웹 브라우저에 표시한다.

 

 

XML

 

XML은 Extensible Markup Language로 무척 유연한 포맷의 언어이다.

대규모 전자 출판의 문제를 해결하기 위해 설계됐다.

XML은 웹과 그 밖의 곳에서 다양한 데이터를 교환하기 위해 사용된다.

 

XML의 목적은 다음 이미지를 참조하면 좋을 것 같다.

 

 

HTML

 

웹 페이지가 어떻게 구조화되어있는지 브라우저에게 알려주는 마크업 언어

각 요소로 구성되어있으며 여러 부분을 감싸 마크업한다.

 

결론

∙XML은 데이터를 교환하기 위해 사용되는 마크업 언어다.
∙HTML은 웹 페이지가 구조를 브라우저에게 알려주는 마크업 언어다.
∙JSX는 JavscriptXML의 준말이다.

 

 

참조

 

HTML 시작하기 - Web 개발 학습하기 | MDN

Extensible Markup Language (XML) 1.0 (Fifth Edition)

Extensible Markup Language (XML)

Markup language | Definition, Examples, & Facts