![]()
준비물 1. JSON파일 [ { "id":1, "name":"이상혁", "age":26, "address":"서울시 서초구 양재동 OO물산 307-12 양재로 111", "gender":"Male", "job":"Progammer", "hobby":"책보기" }, { "id":2, "name":"김종인", "age":28, "address":"서울시 서초구 양재동 OO물산 307-12 양재로 111", "gender":"Male", "job":"Archer", "hobby":"게임하기" }, { "id":3, "name":"배준식", "age":28, "address":"서울시 서초구 양재동 OO물산 307-12 양재로 111", "gender":"Male", "job":"Programmer", "hob..
// JSON 데이터를 웹페이지로 출력하기 // Parsing --> 다른 형식으로 저장된 데이터를 목적에 맞는 형태의 형식으로 변환하는 것. // JSON Parsing --> JSON 형식의 텍스트 문자열을 목적에 맞게 객체로 변환 window.onload=()=>{ document.getElementById('btn').addEventListener('click',function(){ console.log('text'); // ------------------------------------------------------------- let json={ "book":[{ "isbn":"123-456-789", "author":{ "name":"홍길동", "email":"hong@hongkildon..
// JSON 데이터 객체와 문자열로 변환하기 // JSON.parse() - JSON 데이터를 객체로, 문자열로 되어 있는 JSON데이터를 받아 객체로 // JSON.stringify() --> classify : 분류하다, 구분하다. 객체를 문자열로 변환 // [1] : JSON.parse(jsonText) --> JSON 형식의 텍스트 --> 자바스크립트 객체로 변환 let jsonText='{"name":"홍길동","age":20,"nationality":"대한민국"}'; // console.log("변환전-->" + typeof jsonText); // string // let jsonText={"name":"홍길동","age":20,"nationality":"대한민국"}; console.log..
JSON객체 vs JSON배열 JSON을 많이 쓰는 이유 --> 데이터를 전달하고, 교환하고, 저장할 때 --> 가볍고, 텍스트기반, JS기반. [1]: JSON객체 --> 중괄호 {} 사용. JSON에서 객체(Object)란? --> key:value의 한 쌍으로 이루어진 정렬되지 않은 속성(property)들의 집합. 콤마(,)로 구분하여 여러개의 속성을 가질 수 있다. 문자열은 반드시 큰따옴표("")로 묶어준다. { "name": "홍길동", "age" : 20, "nationality" : "대한민국", "hobby" : "영화보기" } [2] : 객체안의 객체 --> 계층적 구조. { "group1" : { "name": "홍길동", "age" : 20, "nationality" : "대한민국"..
