본문 바로가기

스파르타코딩56

2-8 Ajax 연습 _ jQuery + Ajax 조합 (+ if 조건문) 2-7에서 만든 Ajax jQuery 와 연결하기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 + if 조건문 미세먼지 수치가 60이상인곳은 빨갛게 보이기 jQuery+Ajax의 조합을 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 2022. 5. 14.
2-7 Ajax 시작하기 Ajax? ✔️ Asynchronous Javascript And XML 브라우저에서 엔터를 치는것과 같이 자바스크립트에서 서버를 요청하는것. Ajax는 jQuery를 임포트한 페이지에서만 동작 가능 : 그래서 jQuery가 임포트 되어있지 않은 http://google.com/ 과 같은 화면에서 개발자도구를 열면, Uncaught TypeError: $.ajax is not a function(ajax라는 게 없다)는 에러가 뜸. ✔️ 기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 코드해설: type: "GET" GET 방식으로 요청한다. url: "".. 2022. 5. 14.
2-6 서버-클라이언트 통신 이해하기 _ JSON / JSONView /API JSON? JavaScript Object Notation 데이터를 저장하거나 전송할때 사용되는 Data교환 형식. Key:Value로 이루어져 있음 JSON view? JSON을 더 깔끔하게 볼 수 있게 해줌. 설치: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko JSONVue Validate and view JSON documents chrome.google.com API (요청 : 클라이언트→서버) API는 은행창구 같은것. 예) A 창구 : ‘아이디’를 가져와 그럼 주문내역을알려줄게 B 창구: 주소를 가져와 그럼 음식점을알려줄게 http://우리은행용산지점/입출금창구?신분증 ↑ ↑ ↑.. 2022. 5. 14.
2-5 Quiz_JQuery 연습하기 완성코드 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 하면서 실수했던 부분: id값을 불러오는 let a= $('#id') 를 function blah() .. 2022. 5. 13.

티스토리툴바