jquery7 [Web] fetch 연습 - 미세먼지API ( week 2 ) 서울시 미세먼지 OpenAPI API를 통해서 가져온 데이터를 다루어 본다. JSON Data doctype html> 미세먼지 API로Fetch 연습하고 가기! div.question-box { margin: 10px 0 20px 0; } function q1() { fetch("http://spartacodingclub.shop/sparta_api/seoulair").then(res => res.json()).then(data => { //console.log(data) let row = data['RealtimeCityAir']['row'] row.forEach((a) => { console.log(a) }) }) } Fetch 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기.. 2023. 4. 19. [Web] Fetch - ( week 2) fetch는 입력받은 api를 가지고 데이터를 가져오는 함수이다. 일반적으로 서버에서 가져오는 데이터는 json 형식이기 때문에 fetch는 json으로 만드는 기능과 함께 사용한다. fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data) fetch 연습 서울시 미세먼지 정보를 제공하는 API를 가지고 테스트해본다. http://spartacodingclub.shop/sparta_api/seoulair 이 정보는 실시간으로 갱신되는 정브르 누구나 해당 url을 가지고 정보를 가져올 수 있다. // URL을 JSON으로 만들어서 사용, 이 형식으로 많이 사용함 fetch("http://spartacodingclub.shop.. 2023. 4. 18. [Web] JQuery - ( week 2) JQuery 자바스크립트를 미리 작성한 코드이다. 자바스크립트로 코드를 만들기 위해서는 복잡한 과정을 거쳐야 하는데 반복되고 자주 사용되는 형태의 문장을 미리 구조화된 코드로 만들어 놓은 것이라고 할 수 있다. document.getElmentById("element").style.display = "none"; // js => $('#element').hide(); // jquery 연습 jquery를 사용해서 html의 문자를 바꾸어 본다. function checkResult(){ //alert('Hello World!') let a = '사과' $('#q1').text(a) alert(a) } 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 리스트 테스트 버튼을 클릭하게 되면 id=".. 2023. 4. 18. 이전 1 2 다음
