프론트엔드-코드/Javascript 93

객체 <-> json 변환

const student = { name : 'Park', age : 30, address : 'Daejeon', printStudent : function(){ console.log(this.name, this.age, this.address); } }; const dataJson = JSON.stringify(student, null, 2); console.log(dataJson); JSON.stringify(객체) 이렇게 하면 됨. json형태의 문자열로 변화시켜주는 거임. 이게 좋은 점이 메소드는 다 삭제되서 나옴. JSON.stringify(객체, null, 2) 이렇게 하면 그러니까.. 마지막 인자 2는 들여쓰기 간격이다. 1만 써도 자동 줄바꿈 해 준다. JSON.stringify(객체, [..

fetch

fetch('https://jsonplaceholder.typicode.com/todos/1') .then((response)=>{ return response.json(); }) .then((data)=>{ console.log(data); }) .catch((err)=>{ throw err; }); 자바스크립트 자체에서 지원해주는 메소드다. Promise를 반환하기 때문에, then을 쓸 수 있다. 저 주소로 데이터를 요청하고, 응답이 왔으면 그걸 json으로 바꿔준다. 그 다음, 데이터로 제대로 들어온거라면 console.log로 데이터를 출력하고, 아니면 에러를 catch한다. 그리고, 만약 fetch('https://jsonplaceholder.typicode.com/todos/1') .then..