2주차가 마무리 되었습니다. 2주차에서는 JSON과 Ajax를 통해 Open API 데이터를 받아서 웹페이지에 활용하는 것에 대해 배웠습니다.
자료가 리스트와 딕셔너리의 혼합으로 이루어진 것을 JSON형식이라고 하고, 클라이언트가 서버에 'API'라는 창구를 통해 데이터를 제공받거나(get) 데이터를 생성, 변경, 삭제 요청을 할 때(post), 이 JSON이라는 형식으로 데이터를 주고 받습니다. 그리고 JSON데이터를 요리하기 위해 내 작업으로 불러오는 것을 Ajax콜이라고 합니다.
우선 'Ajax기본 문법'을 붙여넣어 api를 불러오고, for문(반복문)을 활용해 전체에서 원하는 값만을 뽑아옵니다. 이를 변수로 지정해서 화면에 띄우거나, temp_html로 지정해 원하는 div에 append하는 법을 배웠습니다. 해당 강의에서는 주로 함수에 Open API 자료를 불러와 버튼을 누를 때 마다 일정한 동작이 실행되도록 하는 것을 배웠습니다.
$('#id').text() // .append() // .empty() // .attr(img src바꾸기)
등등