• 회원가입
  • 로그인
  • 구글아이디로 로그인

[JSON] JS - JSON - JSON vs XML (언어비교)

JSON과 XML 모두 웹 서버에서 데이터 수신 가능.

 

 

JSON 코드

 

{"homzzang":[

  { "lang":"HTML", "role":"기본틀" },

  { "lang":"CSS", "role":"디자인" },

  { "lang":"Peter", "role":"동작기능" }

]}

 

 

 

XML 코드

 

<homzzang>

  <code>

    <lang>HTML</lang> <role>기본틀</role>

  </code>

  <code>

    <lang>CSS</lang> <role>디자인</role>

  </code>

  <code>

    <lang>JS</lang> <role>동작기능</role>

  </code>

</homzzang>

 

 

 

JSON XML 공통점

 

JSON과 XML 모두 "자체설명적" (사람이 읽을 수 있음)

JSON과 XML은 모두 계층적 (값 안에 값 사용 가능)

JSON과 XML 모두 많은 프로그래밍 언어에서 파싱되어 사용 가능.

JSON과 XML 모두 XMLHttpRequest 사용해 값을 가져올 수 있음

 

 

 

JSON XML 차이점

 

JSON은 종료태그 사용 안 함.

JSON은 더 짧음.

JSON은 읽고 쓰는 것이 더 빠름.

JSON은 배열을 사용 가능.

 

JSON은 표준 JS 함수로 파싱 가능 (가장 큰 차이점이자 장점) 

 

 

 

※ JSON이 XML보다 더 편리.

 

 

JSON이 XML보다 더 좋은 이유

 

JSON은 바로 사용 가능한 JS 객체로 분석 가능.

 

cf.
XML은 XML 파서로 구문 분석되어야 함. 
XML은 JSON보다 구문 분석 어려움.

 

AJAX 애플리케이션 경우, JSON이 XML보다 빠르고 쉬움.


[XML]

XML 문서 가져오기

XML DOM을 사용하여 문서 순환

값 추출해서 변수에 저장

 

[JSON]

JSON 문자열 가져오기

JSON 문자열을 JSON.parse 

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
String JS - concat() 메서드 ★ - 문자열결합 (= 문자열합치기 = concat메서드 = 컨캣메서드)
String JS - endsWith() 메서드 - 지정문자열로 끝나는지(=종료) 여부 (IE12이상)
String JS - fromCharCode() 메서드 - 유니코드를 문자열로 변환
String JS - includes() 메서드 ★ - 지정문자열포함여부 (= includes메서드 = 인클루드즈메서드)
String JS - indexOf() 메서드(문자열) ★ - 처음일치문자열위치찾기 (= 문자열포함검사 = 인덱스어브메서…
String JS - lastIndexOf() 메서드(문자열) ★ - 마지막일치문자열위치찾기 (= 문자열포함검사 = 라스…
String JS - localeCompare() 메서드 - 문자열순서비교
String JS - match() 메서드 ★ - 일치하는 문자열 반환 (= match메서드 = 매치메서드) ※ 정규식 …
String JS - repeat() 메서드 - 지정횟수만큼 문자열반복 (= 리피트)
String JS - replace() 메서드(String용) ★ - 문자열 대체 (= replace메서드 = 리플레이스…
String JS - search() 메서드 - 문자열위치찾기 ※ 문자열포함검사
String JS - slice() 메서드 - 문자열 자르기 (= 문자열 일부 추출 = slice메서드 = 슬라이스 메서…
String JS - split() 메서드 - 문자열 쪼개기 (= split메서드 = 스플릿 메서드) ※ 이메일숨기기 (…
String JS - startsWith() 메서드 - 지정문자열로 시작 여부 (IE12이상)
String JS - substr() 메서드 ★ - 문자열 자르기 - 문자열의 특정 위치 이후의 특정 길이 만큼 반환
String JS - substring() 메서드 ★ - 문자열 일부 추출 (= 문자열 자르기 = substring메서드…
String JS - toLocaleLowerCase() 메서드 - 로캘 소문자로 변환
String JS - toLocaleUpperCase() 메서드 - 로캘 대문자로 변환
String JS - toLowerCase() 메서드 - 소문자로변환
String JS - toString() 메서드 (문자열경우) - 문자열타입으로 변경 (= toString메서드 = 투스…
6/67
목록
찾아주셔서 감사합니다. Since 2012