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 문법 체크 사이트
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 |