======JavaScript Json Syntax====== * description : JavaScript JSON - Introduction * author : 오션 * email : shlim@repia.com * lastupdate : 2022-04-06 Wed \\ =====The source of this article===== [[https://www.w3schools.com/js/js_json_syntax.asp|JSON Syntax]]\\ JSON 구문은 JavaScript 구문의 하위 집합입니다.\\ ===== JSON Syntax Rules ===== JSON 구문은 자바스크립트 객체 표기법 구문에서 유래되었습니다.\\ * 데이터는 이름/값 쌍으로 존재합니다. * 데이터는 콤마로 구분합니다. * 중괄호(curly braces)는 객체를 가집니다. * 대괄호(square braces)는 배열을 가집니다. ===== JSON Data - A Name and a Value ===== JSON 데이터는 이름/값 쌍(즉, key/value 쌍)으로 작성됩니다.\\ \\ 이름/값 쌍은 필드 명(쌍따옴표), 콜론, 값으로 구성됩니다.\\ ==== Example ==== "name":"John" JSON 데이터의 이름은 쌍따옴표를 사용해야 합니다.\\ ===== JSON - Evaluates to JavaScript Objects ===== JSON 포맷은 JavaScript 객체와 거의 동일합니다.\\ JSON에서, 키는 쌍따옴표를 사용한 문자열이어야 합니다.\\ ==== JSON ==== {"name":"John"} ==== JavaScript ==== {name:"John"} ===== JSON Values ===== **JSON**에서 value는 다음의 데이터 형식 중 하나이어야 합니다.\\ * a string * a number * an object * an array * a boolean * null **JavaScript**에서 value는 위의 데이터 형식과 아래의 유효한 JavaScript 표현식을 포함할 수 있습니다.\\ * a function * a date * undefined \\ JSON에서, 문자열 value는 쌍따옴표를 사용해야 합니다:\\ ==== JSON ==== {"name":"John"} \\ JavaScript에서는 쌍따옴표 또는 홑따옴표를 사용해서 문자열 value를 작성할 수 있습니다:\\ ==== JavaScript ==== {name: 'John'} ===== JavaScript Objects ===== JSON 구문은 JavaScript 객체 표기법에서 파생되기 때문에,\\ JavaScript 내에서 JSON을 사용하는 데 필요한 추가 소프트웨어는 거의 없습니다.\\ \\ JavaScript를 사용하면 다음과 같이 객체를 만들고, 해당 객체에 데이터를 할당할 수 있습니다.\\ ==== Example ==== person = {name:"John", age:31, city:"New York"}; \\ JavaScript 객체에는 아래와 같이 접근할 수 있습니다.\\ ==== Example ==== person.name; // John을 반환 \\ 또한 아래와 같이 접근할 수 있습니다.\\ ==== Example ==== person["name"]; // John을 반환 \\ 데이터는 아래와 같이 수정될 수 있습니다.\\ ==== Example ==== person.name = "Gilbert"; \\ 데이터는 아래와 같이 수정될 수도 있습니다. ==== Example ==== person["name"] = "Gilbert"; ===== JavaScript Arrays as JSON ===== JavaScript 객체를 JSON으로 작성할 수 있는 것과 같은 방식으로\\ JavaScript 배열도 JSON으로 작성할 수 있습니다.\\ \\ ===== JSON Files ===== * JSON 파일 확장자는 ".json" 입니다. * JSON 텍스트의 MIME 유형은 "application/json" 입니다. {{tag>오션, JS Json Syntax}}