웹개발 블로그

JSON(JavaScript Object Notation)이란?http://www.json.orgJSON은 경량의 DATA-교환 형식(데이터 포맷)JS에서 객체를 만들 때 사용하는 표현식을 의미함JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작아 최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용함.특정 언어에 종속되지 않으며 대부분의 프로그래밍 언어에서 JSON 포맷의 데이터를 핸들링 할 수 있는 라이브러리를 제공하고 있음. (Spring, php, node 등 특정언어에 종속되지 않음)자바에서는 Map을 사용함key, value 형태라 json형태와 유사함, 변환 쉬움key는 일반적으로 Stirng을 주로 사용value로는 모든 타입 가능(숫자, 문자, boolean, li..

더보기 1. 주고 받을 때는 text 타입으로 변환해야한다. 하지만 2. 사용하기 위해서는 객체로 변환해야한다. 1. json을 객체로 변환 : JSON.parse(문자열로 되어있는 json데이터) JSON.parse(jsonText) -> JSON 형식의 Text --> Text를 객체로 변환 주고 받을 때는 경량(jsonText)텍스트로 주고 받고 사용할때는 json텍스트 값을 객체로서 사용하기 위해서 변환을 하는것이다. //[1] : JSON.parse(jsonText) -> JSON 형식의 텍스트 --> Text를 객체로 변환 var jsonText = '{"name":"홍길동", "age":20}'; console.log("변환전 : "+typeof jsonText); //변환전 : string..

#이번시간은 연습해보기 1. 데이터 생성 var book = { "isbn":"123-456", "author":{ "name":"홍길동", "email":"hong@naver.com" }, "editor":{ "name":"이순신", "email":"lee@naver.com" }, "title":"대한민국 정의는 살아있는가?", "category":[ "Non-Fiction","IT","Politics" ] } - 객체 => {키 : value} - 배열 => {키 : [ 값1, 값2, 값3]} - 배열 안에 객체 =>{키 : [ {값1:value1}, {값2 : value2}, {값3 : value3}] } - 객체안에 객체 => {key : {key : value, key : value ..}} 2..

JSON을 많이 사용하는 이유? 데이터를 전달하고, 교환하고, 저장 (가볍고, 텍스트 기반, JS기반) 1-1 . JSON 객체 --> 중괄호 사용 {} JSON 객체(Object란) key:value의 한 쌍으로 이루어진 정렬되지 않은 속성(property)들의 집합 콤마(,)로 구분하여 여러개의 속성을 가질 수 있다. 문자열은 반드시 큰따움표("")로 묶어준다. { "name" : "홍길동", "age" : 20, "nationallity" : "대한민국", "hobby", "영화보기" } 1-2 . 객체안의 객체 = 계층적 구조 { "name" : "홍길동", "age" : 20, "nationallity" : "대한민국", "hobby", "영화보기" "company":{ "cname": "회사1..

#XML 길동 홍 순신 이 감찬 강 => 복잡, 닫는태그 필요 #JSON { "people" : [ {"firstNmae" : "길동", "lastName" : "홍"}, {"firstNmae" : "순신", "lastName" : "이"}, {"firstNmae" : "감찬", "lastName" : "감"} ] } => 간결, 쉽다.

🔽[특징] 일단 사람들이 읽기에 좋은 구조와 텍스트를 사용 웹상에서는 비동기 처리 기반의 브라우저/서버 통신 등에서 데이터를 주고 받을 때 많이 사용한다. 예전에 많이 사용하는 XML을 대체 -> XML은 무겁기도 하고 복잡한 형태임. JSON은 XML보다 훨싼 더 가벼우며 간결하기에 쉽다. 거의 모든 언어를 지원한다. (계층적인 형태이다. XML도 마찬가지이다.) 🔽[차이점] JSON은 XML과 달리 종료하는 END TAG(종료태그)가 필요없다. 그래서 JSON이 더 간결하고 짧다 JSON은 배열을 사용할 수 있다. (배열과 객체를 하나의 데이터에 적용한 포맷이다.)

1. 형태(아래는 예시) [ {"name" : "홍길동", "age":20, "nationality":"한국"}, {"name" : "이순신", "age":30, "nationality":"미국"}, {"name" : "강감찬", "age":40, "nationality":"캐나다"} ] 🔽설명 3개의 아이템으로 이루어진 배열이며 각 항목은 3개의 Property를 가지는 객체로 구성되어 있다. 프로퍼티나 값은 쌍따움표로 처리한다. JSON은 속성 : 값 또는 key:value의 쌍으로 이루어진 데이터 객체를 전달하기 위해 만들어진 포맷. 자바스크립트의 배열과 객체를 만드는 사용방식과 비슷 즉, 자바스크립트의 배열과 객체를 하나의 데이터에 적용한다. 🔽JS 객체 https://ko.javascript.i..

1. JSON이란? JavaScript Object Notation -> 사전 뜻 그대로 -> 자바스크립트 객체 표기법(기본) Javascript에서 객체를 만들 때 사용하는 표현식. 주로 서버와 웹페이지간에 어떤 데이터를 주고 받을 때 많이 사용하는 포맷 형식 프로그래밍 언어도 아니고 문법도 아니고 단지 하나의 데이터 저장 방식 -> 그러나 json은 규칙이 있다. 2. 왜 사용할까? B2B , B2C 서브스시에는 상호간 데이터를 주고 받는 경우가 굉장히 많다. 이때 객체 상태로 데이터를 전달할 수는 없기에 객체(Object)를 문자열(String)로 변환해서 전달해줘야 한다. 받은 쪽에서는 다시 문자열을 객체로 변환해야하지만 해당 프로그래밍 언어에서 객체로써 사용할 수 있다. 이러한 변환 과정 사용법..