나의 기록_나의 다이어리

1. 아래 이미지와 같이 팬명록에 '실시간 현재기온' 표시하기 2. 날씨 API http://spartacodingclub.shop/sparta_api/weather/seoul 3. API 연결 확인 먼저 해보기 $(document).ready(function(){ alert('다 로딩됐다!') }); 4. Ajax 코드 추가 후 완성 코드 남주혁 팬명록 현재기온 : 00.0도 닉네임 응원댓글 응원 남기기 늘 새로운 얼굴 너무 멋져요! 호빵맨 늘 새로운 얼굴 너무 멋져요! 호빵맨 늘 새로운 얼굴 너무 멋져요! 호빵맨

1. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 2. 르탄이 API http://spartacodingclub.shop/sparta_api/rtan 3. Ajax 연습 (Ajax 코드 넣기 전 골격) 1) PyCharm ➡️ 파일 새로 만들기 ➡️ HTML 파일 형식 선택 ➡️ HTML 파일 새로 생성 2) 새로 만든 HTML 파일 형식에 써있던 기존 내용 다 지우기 3) 아래 형식 그대로 복사-붙여넣기 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지..

1. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 2. 서울시 실시간 따릉이 OpenAPI http://spartacodingclub.shop/sparta_api/seoulbike 3. Ajax 연습 (Ajax 코드 넣기 전 골격) 1) PyCharm ➡️ 파일 새로 만들기 ➡️ HTML 파일 형식 선택 ➡️ HTML 파일 새로 생성 2) 새로 만든 HTML 파일 형식에 써있던 기존 내용 다 지우기 3) 아래 형식 그대로 복사-붙여넣기 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든..

1. Ajax 기본 골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 2. 서울시 미세먼지 OpenAPI http://spartacodingclub.shop/sparta_api/seoulair 3. Ajax 연습 (Ajax 코드 넣기 전 골격) 1) PyCharm ➡️ 파일 새로 만들기 ➡️ HTML 파일 형식 선택 ➡️ HTML 파일 새로 생성 2) 새로 만든 HTML 파일 형식에 써있던 기존 내용 다 지우기 3) 아래 형식 그대로 복사-붙여넣기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미..

1. Ajax 란? (Asynchronous JavaScript and XML의 약자) Ajax는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 이때 서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있습니다. JSON XML HTML 텍스트 파일 등 ❗️참고❗️ Ajax는 jQuery를 임포트한 페이지에서만 동작 가능합니다. 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜹니다. ..