XML과 HTML, JSON

song yuheon·2023년 10월 13일
1

CS Study

목록 보기
11/50
post-thumbnail
post-custom-banner

1. XML

  • 정의
    XML은 데이터의 구조와 내용을 기술하기 위한 마크업 언어이다.
    데이터를 구조화하는 데에 중점을 둔다.

  • 특징

    • 태그를 사용자가 직접 정의할 수 있다.
    • 데이터를 구조화하는 데에 중점을 둔다.
    • 메타데이터 표현이 가능하다.
<sample>
  <name>sample</name>
  <a>1234</a>
</sample>

2. HTML

  • 정의
    HTML은 웹 페이지의 구조와 내용을 기술하기 위한 마크업 언어이다.
    웹 페이지의 표현과 표시에 중점을 둔다

  • 특징

    • 고정된 태그 세트를 사용한다 (<div>, <a>, <p> ...)
    • 웹 브라우저에서 해석되어 표시된다.
    • CSS와 JavaScript와 결합하여 동적 웹 페이지를 생성할 수 있다.
<!DOCTYPE html>
<html>
<head>
  <title>타이틀!!</title>
</head>
<body>
  <h1>안녕</h1>
  <p>p 태그</p>
</body>
</html>

3. JSON


  • 정의
    JSON은 경량의 데이터 교환 형식이당.
    이름/값 쌍 또는 순서화된 값 목록으로 데이터를 표현한다.

  • 특징

    • 읽기 쉽고 쓰기 쉽다.
    • 프로그래밍 언어 간의 데이터 교환에 적합하다.
    • JavaScript에서 기본 객체로 사용 가능하다.
{
  "sample": "샘플",
  "num": 1225
}

4. HTML과 XML 비교


  1. 정의 및 목적:

    • HTML: HyperText Markup Language의 약자로 웹 페이지의 구조와 내용을 표현하는 데 사용되는 언어입니다. 주로 웹 브라우저에 어떻게 표시될지를 정의하는 데 사용됩니다.
    • XML: eXtensible Markup Language의 약자로 데이터를 구조화하고 저장하거나 전송하는 데 사용되는 언어입니다.
  2. 태그:

    • HTML: 미리 정의된 태그를 사용 (예: <div>, <a>, <p> 등).
    • XML: 사용자가 태그를 직접 정의하고 생성할 수 있습니다.
  3. 사용 사례:

    • HTML: 웹 페이지의 디자인과 레이아웃을 결정하는 데 사용됩니다.
    • XML: 데이터 전송, 설정 파일, 메시징 시스템 등 다양한 분야에서 데이터를 표현하고 교환하는 데 사용됩니다.

5. XML과 JSON 비교


  1. 정의 및 목적

    • XML
      데이터를 구조화하고 저장하거나 전송하는 데 사용되는 언어이다.

    • JSON
      JavaScript Object Notation의 약자로, 경량의 데이터 교환 형식이다.

  2. 문법과 구조

    • XML
      시작 태그와 종료 태그를 사용하는 마크업 형식이다.

    • JSON
      중괄호 {}를 사용하여 객체를, 대괄호 []를 사용하여 배열을 표현한다.

  3. 주로 사용되는 곳

    • XML
      설정 파일, 웹 서비스 메시징 (SOAP), 다양한 애플리케이션에서의 데이터 저장 및 전송에 사용된다.

    • JSON
      웹 애플리케이션과 서버 간의 데이터 교환 (특히 RESTful 서비스), JavaScript 기반의 웹 애플리케이션에서의 데이터 처리에 주로 사용된다.

  4. 장점 및 단점

    • XML
      상대적으로 복잡하고 무거운 구조를 가지고 있지만 메타데이터 표현이 가능하며 넓은 사용 영역을 가진다.

    • JSON
      경량이고 구문이 간결해서 읽고 쓰기가 빠르다는 장점이 있다.
      현대 웹 기술 및 프레임워크와의 호환성이 뛰어나다는 점도 큰 장점이다.


정리


  • XML
    데이터의 구조와 내용을 기술하며 사용자 정의 태그를 사용 가능하다

  • HTML
    웹 페이지의 구조와 내용을 기술하며 웹 브라우저에 최적화되어 있다.

  • JSON
    경량의 데이터 교환 형식으로 프로그래밍 언어 간의 데이터 교환에 적합하다.


profile
backend_Devloper
post-custom-banner

0개의 댓글