0831 자바스크립트 3일차

객체와 배열을 같이 사용하는 형태를 제이슨이라함: 서버 데이터 통신할 때 많이 씀

 

참도 자료형의 오류

1. 0: {name: 'D', score: 55, pass: false}
2. 1: {name: 'D', score: 55, pass: false}
3. 2: {name: 'D', score: 55, pass: false}
4. 3: {name: 'D', score: 55, pass: false

객체는 주소가 정해져 있어서 새로 만들어야 한다

person의 값만 바꾸고 같은 person 이라는 객체의 주소가 바뀐것이 아닌데 person을 계속 넣어 result는 person의 주소값만 4번 들어가게 된다. 마지막으로 값을 바꾼 D에 의해 result는 D값만 가지고 있다.

이를 해결하려면 person을 반복문 안으로 옮겨 반복이 될 때마다 새로운 person 주소값을 가지게 해야한다.

 

 

   const data = fetch('http://ggoreb.com/api/lotto.jsp');   //비동기 통신 코드

        data.then(callback1).then(callback2);

        function callback1(response){          // 데이터를 TEXT로 받을지 JSON 객체로 받을지 선택. 서버에서 제이슨으로 받아야 작동한다.

            return response.json();

        }

        function callback2(response){

            console.log(response)

        }

fetch로 데이터를 가지고 온다. 콜백이 두번 들어간다. 데이터를 바꾼 다음 콜백2에서 접근하게 한다.

JSON FOMATTER 확장프로그램을 다운로드하면 개발자도구에서 제이슨 형태를 보기 좋게 바꾸어 준다.

 

제이슨으로 가지고 온 데이터를 html에 추가한다.

자바스크립트 콜백 함수를 사용하여 출력할 수 있다.