Computer Science/웹 프로그래밍

XML and JSON

mitdog 2024. 7. 29. 22:14

XML(eXtensible Markup Language)

태그 베이스의 마크업 언어.
(HTML과 상당히 유사)

문법 형식 또한 HTML과 같다.

<element attribute="value"></element>

 

!!다만!!: 무조건 닫는 태그가 있다.
(HTML은 닫는 태그가 필요 없는 것들도 있음 ex. img태그)

기본 형식
<?xml ....?> // xml임을 명시(헤더)
<note> // 루트 태그(<html></html> 과 같은 기능)
...
</note>

 

▲ xml의 기본형식 코드

 

장∙단점(pros and cons of XML)

 

장점)

  • 알기 쉽다(읽기 쉽다 사람이나 컴퓨터나)
  • 오랫동안 써왔고 그만큼 발전해서 도구가 많다.
  • 모든 일반적 데이터 표현 가능
  • 좀 표준적임

단점)

  • 간단한 데이터도 복잡하게 써진다...
  • 어차피 JS가 해석해야 해서 XML DOM이 막 변형되고.. 어쩌구..

최근 추세, JSON(JavaScript Object Notation)

최근에는 JSON을 사용하는 추세라고 한다.
종료 태그 없고, 간결하며, 배열 사용이 가능


▲ XML vs JSON

JSON 메소드

송-수신 하는데에는 JSON을 문자열로 변환하거나, 그 반대를 한다.

  • JSON.parse(string)
    : 문자열을 JSON 데이터로 변환한다.
    (당연히 해당 문자열은 JSON 형식에 맞춰진 문자열 데이터)
  • JSON.stringify(object)
    : JSON 데이터를 문자열로 변환한다.

문자열 s -> JSON.parse(s)해서 js object 배열로 만들기

var s = '[' + '{"name":"Hong","age":"21" },' +
        '{"name":"Kim","age":"22" },' + 
        '{"name":"Park","age":"23" }]'; 
var students = JSON.parse(s);

students[1].name = "Lee"; // Kim => Lee 바꾸기

'Computer Science > 웹 프로그래밍' 카테고리의 다른 글

간단한 Ajax  (0) 2024.07.26
모듈의 개념과 express 모듈  (1) 2024.07.25
Node.js 설치, 간단한 실행까지  (0) 2024.07.24
캔버스와 JS(그림 그리기)  (7) 2024.07.23
정규 표현식의 활용  (0) 2024.07.15