JSON 란?

JSON 문서 형식은 자바스크립트 객체의 형식을 기반으로 만들어짐

데이터 전송 시 많이 사용한다.

네트워크를 통해 데이터를 주고 받는데 자주 사용됨.

구조 및 특징

미디어타입(Media type) => application/json
파일 확장자 .json
중괄호로 시작 / 끝 { }
이름과 값의 쌍으로 이루어집니다. => "이름" : 값
여러개일때 쉼표(,)로 구분합니다.

예)

- 자바스크립트 예시 // 앞의 키 값이 문자열이 아님

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="#" type="image/x-icon" />
    <title>제이슨형식</title>
  </head>
  <body>
    <h1>제이슨 배우기</h1>
    <script>
      //제이슨 형식은 앞의 키 값이 문자열임.
      var cat = {
        이름: "마틸다",
        품종: "먼치킨",
        나이: 3,
        무게: 2.5,
      };
    </script>
  </body>
</html>

JSON 과 Object 차이

JSON 문법 체크 사이트

https://jsonlint.com/

JSON Online Validator and Formatter - JSON Lint

Loading... About the JSONLint Editor JSONLint is a validator and reformatter for JSON, a lightweight data-interchange format. Copy and paste, directly type, or input a URL in the editor above and let JSONLint tidy and validate your messy JSON code. What Is

jsonlint.com

복잡한 JSON 형식

https://mb21.github.io/JSONedit/

{
  "성": "김",
  "이름": "펭수",
  "나이": 7,
  "주소": {
    "Street": "부산광역시부전동",
    "Post": "12345"
  },
  "취미": [
    "커피",
    "운동",
    "공부"
  ]
}

다른 예시

영화 api -> JSON 형식

https://api.themoviedb.org/3/discover/movie?api_key=0fb9f2dfe831fa66b62e2f6609420903&language=ko&sort_by=popularity.desc&include_adult=false&include_video=false&page=1

'FRONTEND > 기타' 카테고리의 다른 글

id로 DB검색하여 결과 출력 (0)	2023.10.04
AJAX로 구구단 출력 (1)	2023.10.04
AJAX를 이용해 서버에서 계산하여 결과 출력하기 (0)	2023.10.04
색상 코드 사이트 (0)	2023.09.26
무료 아이콘 및 무료 사진 다운로드 사이트 (0)	2023.09.26

JSON 란?

구조 및 특징

예)

JSON 과 Object 차이

복잡한 JSON 형식

'FRONTEND > 기타' 카테고리의 다른 글

티스토리툴바