본문 바로가기

html24

[Web] fetch 연습 - 따릉이API ( week 2 ) 따릉이 API 따릉이 API를 가공하면서 jquery를 연습해 본다. doctype html> Fetch 연습하고 가기! div.question-box { margin: 10px 0 20px 0; } table { border: 1px solid; border-collapse: collapse; } td, th { padding: 10px; border: 1px solid; } function q1() { // 여기에 코드를 입력하세요 } Fetch 연습하자! 2. 서울시 OpenAPI(실시간 따릉이 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 102. 망원역 1번출구 앞 22 0.. 2023. 4. 19.
[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] 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.
[Web] 숙제 - ( week 1) 현재 페이지에서 예시를 보고 요소를 추가하기 부트스트랩 form 1. Form 선택 부트스트랩에서 사용할 요소의 코드를 가져온다. 예시를 보면 '별점'이라는 설명과 드롭다운이 같이 있으므로 형식에 맞는 코드를 찾아서 사용한다. 드롭다운 요소의 위치는 URL과 Comments 입력칸 사이이다. 코드를 넣어주고 별점에 대한 정보를 넣어준다. Movie URL Rating -- Select -- ⭐ ⭐⭐ ⭐⭐⭐ Comments 완성 2023. 4. 9.

티스토리툴바