스파르타 코딩 웹개발 종합반/2주차11 2-11 2주차 마무리 연습_웹페이지를 로딩할때 날씨 API를 이용해서 날씨표시 메인코드: 로딩 후 호출하기 : $(document).ready(function(){ 원하는 action }); 웹페이지를 로딩할 때마다 아래 기온이 업데이트됨. 완성코드 십센치(10cm) 팬명록 현재기온: 00도 하면서 주의 할 부분 언어를 사용할때 부분에 임포트 되어 있는지 확인하기 : 코드를 다 짜고 답안과 비교해 봤을때 다른점이 없는데도 계속 제대로 작동을 하지 않았다. 알고보니 jQuery를 임포트하지 않았었음. 아오 블럭태그인 안에서 일정글자만 바꿔주고 싶을때는 을 사용 현재기온: 00도 2022. 5. 14. 2-10 Quiz_Ajax 연습하기_API를 이용하여 이미지/텍스트 바꾸기 메인코드: 이미지 바꾸기 : $("#아이디값").attr("src", 이미지URL); 텍스트 바꾸기 : $("#아이디값").text("바꾸고 싶은 텍스트"); 르탄이 나와 버튼을 누를때 마다 이미지와 텍스트가 랜덤으로 변함 완성코드 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 르탄이 나와 나는 ㅇㅇㅇ하는 르탄이! 2022. 5. 14. 2-9 Quiz_Ajax 연습하기_ OpenAPI이용 (서울따릉이 현황) 실시간 따릉이 현황을 테이블 형식으로 아래 표에 추가. 완성코드 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 하면서 주의할 부분: 처음에 row를 출력할때 response를 쓰지 않았음 let rows = ['getStationList']['row'];(x) let rows = response['getStationList']['row']; (o) 반복문에서 for (let i = 0; i 2022. 5. 14. 2-8 Ajax 연습 _ jQuery + Ajax 조합 (+ if 조건문) 2-7에서 만든 Ajax jQuery 와 연결하기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 + if 조건문 미세먼지 수치가 60이상인곳은 빨갛게 보이기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 2022. 5. 14. 이전 1 2 3 다음
