JSON 튜토리얼: 간단한 파일 형식으로 학습하기 예시

JSON이란 무엇입니까?

JSON 정보를 체계적이고 접근하기 쉬운 방식으로 저장하는 데 사용되는 파일 형식입니다. 전체 형식은 JavaScript 개체 표기법입니다. 논리적으로 액세스할 수 있고 사람이 읽을 수 있는 데이터 컬렉션을 제공합니다. 작성된 프로그래밍 코드의 파일 이름 확장자는 다음과 같습니다. .json. JSON의 인터넷 미디어 유형은 application/json이고 해당 통일 유형 식별자는 public.json입니다.

왜 JSON을 사용하나요?

JSON 사용의 중요한 이점/장점은 다음과 같습니다.

  • 모든 브라우저에 대한 지원 제공
  • 쉽게 읽고 쓸 수 있습니다.
  • 간단한 구문
  • eval() 함수를 사용하여 JavaScript에서 기본적으로 구문 분석할 수 있습니다.
  • 생성 및 조작이 용이함
  • 모든 주요 JavaScript 프레임워크에서 지원됨
  • 대부분의 백엔드 기술에서 지원
  • JSON은 JavaScript에서 기본적으로 인식됩니다.
  • 네트워크 연결을 사용하여 구조화된 데이터를 전송하고 직렬화할 수 있습니다.
  • 최신 프로그래밍 언어와 함께 사용할 수 있습니다.
  • JSON은 JavaScript의 모든 개체를 JSON으로 변환하고 이 JSON을 서버로 보낼 수 있는 텍스트입니다.

JSON의 역사

JSON의 역사
JSON 튜토리얼

JSON의 역사를 형성하는 중요한 랜드마크는 다음과 같습니다.

  • Douglas Crockford는 2000년대 초반에 JSON 형식을 지정했습니다.
  • 공식 홈페이지는 2002년에 개설되었습니다.
  • 2005년 XNUMX월, 야후! 일부 웹 서비스를 JSON으로 제공하기 시작합니다.
  • JSON은 2013년에 ECMA 국제 표준이 되었습니다.
  • 가장 업데이트된 JSON 형식 표준은 2017년에 발표되었습니다.

JSON의 특징

쉬운 사용 – JSON API는 일반적으로 사용되는 사용 사례를 단순화하는 데 도움이 되는 높은 수준의 외관을 제공합니다.

퍼포먼스 – JSON은 매우 적은 메모리 공간을 소비하므로 매우 빠르며, 이는 특히 대규모 개체 그래프 또는 시스템에 적합합니다.

무료 도구 – JSON 라이브러리는 오픈 소스이며 무료로 사용할 수 있습니다.

매핑을 생성할 필요가 없습니다. – Jackson API는 직렬화할 많은 객체에 대한 기본 매핑을 제공합니다.

JSON 정리 – 읽기 쉽고 깨끗하고 호환 가능한 JSON 결과를 생성합니다.

의존 – JSON 라이브러리는 처리를 위해 다른 라이브러리가 필요하지 않습니다.

JSON 구문 규칙

JSON 구문 규칙은 다음과 같습니다.

  • 데이터는 이름/값 쌍이어야 합니다.
  • 데이터는 쉼표로 구분해야 합니다.
  • 중괄호는 객체를 담아야 합니다
  • 사각형. brackets 배열을 잡아라

JSON의 데이터 유형

JSON에서 사용되는 중요한 데이터 유형은 다음과 같습니다.

데이터 형식 상품 설명
번호 실수, 정수 또는 부동 숫자를 포함합니다.
텍스트 또는 유니코드로 구성됩니다. double-백슬래시 이스케이프먼트로 인용됨
부울 부울 데이터 유형은 True 또는 False 값을 나타냅니다.
null로 Null 값은 관련 변수에 값이 없음을 나타냅니다.
목적 키-값 쌍의 모음이며 항상 쉼표로 구분되고 곱슬로 묶입니다. brackets.
배열 이는 분리된 값의 순서화된 시퀀스입니다.

번호

  • 번호는 double- 구현 방법에 따라 달라지는 정밀도 부동 소수점 형식.
  • JSON에서는 XNUMX진수 및 XNUMX진수 형식을 사용할 수 없습니다.

FOLLOwing 테이블에는 숫자 유형이 표시됩니다.

타입 상품 설명
정수 숫자 1-9 및 0. 양수와 음수 모두입니다.
분수 3과 같은 분수
멱지수 e, e+와 같은 지수

구문 :

var json-object-name = { string : number_value,......}

예:

var obj = {salary: 2600}

그것은 일련의 double- 유니코드 문자를 인용하고 백슬래시를 이스케이프 처리합니다.

더 폴로wing 테이블은 다양한 문자열 유형을 보여줍니다.

타입 상품 설명
* 사용 double 인용 입력
/ 고상에 사용
\ 역고상선에 사용
B 백스페이스를 추가하는 데 사용
F 피드에서
N 새 라인을 생성하려면
R 캐리지 리턴에 사용
T 가로 탭을 표시하려면
U XNUMX진수

구문 :

var json-object-name = { string : "string value",…..}

예:

var obj= {name: 'Andy'}

부울

참 또는 거짓 값만 저장합니다.

구문 :

var json-object-name = {string : true/false, …..}

예:

var obj = {active: 'true'}

배열

  • 이는 순서가 지정된 값 모음입니다.
  • 키 이름이 순차적인 정수인 경우 배열을 사용해야 합니다.
  • 정사각형 안에 넣어야 합니다. brackets ','(쉼표)로 구분해야 합니다.

구문 :

[value, .......]

예:

쇼wing 여러 객체를 저장하는 배열:

{
   "eBooks":[
      {
         "language":"Pascal",
         "edition":"third"
      },
      {
         "language":"Python",
         "edition":"four"
      },
      {
         "language":"SQL",
         "edition":"second"
      }
   ]
}

JSON 객체

A JSON 객체 곱슬머리로 묶인 JSON의 엔터티입니다. brackets. 이름 뒤에 ":"(콜론)이 와야 하며 이름/값 쌍은 ","(쉼표)를 사용하여 구분되어야 하는 순서 없는 이름 및 값 쌍 세트로 작성됩니다. 키 이름이 임의의 문자열인 경우 사용할 수 있습니다.

구문 :

{ string :  value, ….. }

예:

{
"id": 110,
"language": "Python",
"price": 1900,
}

공백

토큰 쌍 사이에 공백을 삽입할 수 있습니다.

예:

구문 :

{string:"    ",….}

예:

var a = " Alex"; var b = "Steve";

JSON의 예

주어진 코드 예제는 JSON을 사용하여 관련 정보를 저장하는 방법을 정의합니다. 프로그래밍 서적 에디션 및 저자 이름과 함께.

{
   "book":[
      {
         "id":"444",
         "language":"C",
         "edition":"First",
         "author":"Dennis Ritchie "
      },
      {
         "id":"555",
         "language":"C++",
         "edition":"second",
         "author":" Bjarne Stroustrup "
      }
   ]
}  

다른 JSON 파일 예제를 통해 JSON 형식을 이해해 보겠습니다. 여기서 JSON은 학생의 이름, 성, ID를 정의합니다.

{
  "student": [ 
	
     { 
        "id":"01", 
        "name": "Tom", 
        "lastname": "Price" 
     }, 
	
     { 
        "id":"02", 
        "name": "Nick", 
        "lastname": "Thameson" 
     } 
  ]   
}

JSON 적용

JSON의 몇 가지 일반적인 응용 프로그램은 다음과 같습니다.

  • 서버에서 데이터를 전송하는 데 도움이 됩니다.
  • 샘플 JSON 파일 형식은 모든 유형의 구조화된 데이터를 전송하고 직렬화하는 데 도움이 됩니다.
  • 다음을 수행할 수 있습니다.sync페이지를 새로 고칠 필요 없이 시간이 많이 소요되는 데이터 호출
  • 서버와 웹 애플리케이션 간에 데이터를 전송하는 데 도움이 됩니다.
  • 브라우저 확장 및 웹 사이트를 포함하는 JavaScript 기반 애플리케이션에 널리 사용됩니다.
  • JSON을 사용하여 서버와 웹 애플리케이션 간에 데이터를 전송할 수 있습니다.
  • 현대 프로그래밍 언어와 함께 JSON을 사용할 수 있습니다.
  • 브라우저 추가 기능을 포함하는 JavaScript 기반 애플리케이션을 작성하는 데 사용됩니다.
  • 웹 서비스와 Restful API는 JSON 형식을 사용하여 공개 데이터를 가져옵니다.

JSON 대 XML

JSON과 XML의 주요 차이점은 다음과 같습니다.

JSON XML
JSON 객체에는 유형이 있습니다. XML 데이터는 유형이 없습니다
JSON 유형: 문자열, 숫자, 배열, 부울 모든 XML 데이터는 문자열이어야 합니다.
데이터는 JSON 객체로 쉽게 액세스 가능 XML 데이터를 구문 분석해야 합니다.
JSON 파일은 사람이 더 읽기 쉽습니다. XML 파일은 사람이 읽기가 어렵습니다.
JSON은 대부분의 브라우저에서 지원됩니다. 브라우저 간 XML 구문 분석은 까다로울 수 있습니다.
JSON에는 표시 기능이 없습니다. XML은 마크업 언어이기 때문에 데이터를 표시하는 기능을 제공합니다.
값을 검색하는 것은 쉽습니다. 값을 검색하는 것이 어렵습니다.
많은 Ajax 툴킷에서 지원됨 Ajax 툴킷에서는 완전히 지원되지 않습니다.
JavaScript를 역직렬화/직렬화하는 완전 자동화된 방법입니다. 개발자는 XML에서 직렬화/역직렬화하기 위해 JavaScript 코드를 작성해야 합니다.
객체에 대한 기본 지원. 객체는 규칙에 따라 표현되어야 합니다. 대부분 속성과 요소의 사용이 누락되었습니다.

JSON 예제

다음은 간단한 JSON 예입니다.

{
  "student": [ 
	
     { 
        "id":"01", 
        "name": "Tom", 
        "lastname": "Price" 
     }, 
	
     { 
        "id":"02", 
        "name": "Nick", 
        "lastname": "Thameson" 
     } 
  ]   
}

XML 예제

<?xml version="1.0" encoding="UTF-8" ?>
<root>
	<student>
		<id>01</id>
		<name>Tom</name>
		<lastname>Price</lastname>
	</student>
	<student>
		<id>02</id>
		<name>Nick</name>
		<lastname>Thameson</lastname>
	</student>
</root>

JSON이 아닌 것은 무엇입니까?

  • 샘플 JSON 데이터 파일은 문서 형식이 아닙니다.
  • 마크업 언어가 아닙니다.
  • JSON은 일반적인 직렬화 형식을 제공하지 않습니다.
  • 반복적이거나 순환적인 구조가 아닙니다.
  • 눈에 보이지 않는 구조도 아닙니다.

JSON의 단점

JSON의 몇 가지 장점은 다음과 같습니다.

  • 네임스페이스를 지원하지 않으므로 확장성이 떨어집니다.
  • 제한된 개발 도구 SUPPORT
  • 공식적인 문법 정의를 지원하지 않습니다.

인기 있는 JSON 도구(추가 기능)

중요한 JSON 도구는 다음과 같습니다.

JSONLint:

JSONLint는 JSON의 유효성 검사기 및 재구성기로 사용되는 오픈 소스 프로젝트입니다. 가벼운 데이터 교환 형식입니다. JSON 코드의 유효성을 검사하려면 JSON 유효성 검사 도구에서 URL을 복사하여 붙여넣거나 직접 입력하거나 입력하세요.

링크 : https://jsonlint.com

JSON 편집기 온라인:

JSON Editor Online은 유용한 웹 기반 도구입니다. JSON을 편집하고, 보고, 형식을 지정할 수 있습니다. 명확하고 편집 가능한 형식으로 데이터를 나란히 표시합니다. 코드 편집기 소프트웨어.

링크 : https://jsoneditoronline.org/

JSON 축소 도구:

공백을 제거하고 최소한의 공간을 차지하는 JSON 코드를 제공하는 데 도움이 되는 도구입니다.

링크 : https://www.browserling.com/tools/json-minify

JSON을 XML로 변환기:

JSON-XML 변환기는 JSON 코드를 변환하는 데 도움이 되는 간단하고 효과적인 도구입니다.

링크 : https://codebeautify.org/jsontoxml

JSON 포맷터:

JSON 포맷터는 사람이 쉽게 읽고 디버깅할 수 있도록 JSON 데이터의 형식을 지정하여 문제를 해결하는 데 도움이 됩니다.

링크 :https://jsonformatter.curiousconcept.com/

요약

  • JSON 방식은 정보를 체계적이고 접근하기 쉽게 저장하는 데 사용됩니다.
  • JSON은 JavaScript Object Notation을 의미합니다.
  • JSON은 다양한 언어로 제공되는 모든 브라우저를 지원합니다.
  • Douglas Crockford는 2000년대 초반에 JSON 형식을 지정했습니다.
  • JSON API는 일반적으로 사용되는 사용 사례를 단순화하는 데 도움이 되는 높은 수준의 외관을 제공합니다.
  • JSON 시스템 작성 시 중요한 규칙은 데이터를 이름/값 쌍으로 작성해야 한다는 것입니다.
  • Number, String, Boolean, Null, Object 및 Array는 JSON에서 사용되는 중요한 데이터 유형입니다.
  • 서버에서 데이터를 전송하는 데 도움이 됩니다.
  • JSON 객체에는 유형이 있지만 XML 데이터에는 유형이 없습니다.
  • JSON은 문서 형식이 아닙니다
  • 네임스페이스를 지원하지 않으므로 확장성이 떨어집니다.
  • JSONLint는 JSON의 유효성 검사기 및 재구성기로 사용되는 오픈 소스 프로젝트입니다.