분류 전체보기 (59) 썸네일형 리스트형 [k디지털크레딧] 16. Ajax 시작하기(복습) 복습할 때 참고! - 해설) 모든 구의 미세먼지 값을 찍어보기 미세먼지 데이터가 어디에 있는지 찾기 위 그림과 같이 RealtimeCityAir > row 에 미세먼지 데이터가 들어있습니다. 이걸 꺼내볼까요? $.ajax({ type: "GET", url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99", data: {}, success: function(response){ let mise_list = response["RealtimeCityAir"]["row"]; // 꺼내는 부분! console.log(mise_list); } }) 2. 반복문으로 구 데이터를 출력해보기 row의 값을 m.. [k디지털크레딧] 16. Ajax 시작하기 크롬 개발자 도구에 다음과 같이 써보세요 👉참고! Ajax는 jQuery를 임포트한 페이지에서만 동작 가능합니다. 즉, http://google.com/ 과 같은 화면에서 개발자도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜹니다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻 👉JQuery가 들어간 페이지 여기서 콘솔창 띄우기 Ajax작동: O http://localhost:63342/frontend/index_JQuery%EC%A0%81%EC%9A%A9.html?_ijt=rvvd0fe2pcb1k6bsal86jcpn9s&_ij_reload=RELOAD_ON_SAVE 여기서 콘솔창 띄우기 콘솔창에서 Ajax가 .. [k디지털크레딧] 15. 서버-클라이언트 통신 이해하기 서버 통신의 마법 Ajax를 공부해보겠습니다 자바스크립트로 페이지 전환 없이 서버에서 값을 받아올 수 있는 방법 이 서버에서 클라이언트한테 여기로 요청해 라고 열어놓은 창구 api에 대해서 공부를 해야 합니다 07. 서버-클라이언트 통신 이해하기 서버→클라이언트: "JSON"을 이해하기 → 클라이언트가 서버한테 요청 나 데이터 줄 거 없니? 서버가 클라이언트한테 데이터를 여기 있어 가져가라고 합니다 이거 내려줄 때 포맷이 있어요 포맷을 JSON이라고 하는데 포맷을 먼저 공부해볼게요 서울시 OpenAPI에 접속해보기 [코드스니펫] 미세먼지OpenAPI 크롬 익스텐션 JSONView를 설치해볼까요? 그럼 좀 더 예쁘게 JSON을 볼 수 있습니다. [코드스니펫] - Jsonview 설치 후에 다시 미세먼지 페.. [k디지털크레딧] 14. JQuery 퀴즈(답안지) jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 [k디지털크레딧] 14. JQuery 퀴즈(내가 만든 코드) jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 .. [k디지털크레딧] 14. JQuery 퀴즈 및 문제풀이 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 console.log(txt) 확인하기 1번 2번 3번 문제 풀때 동일함 🚨주의할점 콘솔창을 먼저 띄운다 1번 .. [k디지털크레딧] 13. JQuery 적용하기(나홀로메모장) ▲오늘 완성해볼 것▲ PyCham에 들어가서 "hey()"를 지운다 let count = 1; function hey() { if (count % 2 == 0) { alert('짝수입니다!') } else { alert('홀수입니다!') } count += 1; } 만 남기고 지운다 지운 hey 대신에 openclose() 입력 안에 function openclose() {} alert('잘된다!') 입력 확인완료 후에 넘어가야 한다 콘솔창 들어가서 화살표 ↑키 누르고 $('#post-box').css('display')를 찾아서 엔터 후 $('#post-box').css('display') 복사하기 alert('잘 된다!') 지우고 let status = $('#post-box').css('displa.. [k디지털크레딧] 12. JQuery 다뤄보기 https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the jQuery library from jQuery.com Include jQuery from a CDN, like Google Downloading jQuery There are two versions of jQuer www.w3schools.com jQuery Get Started -> Google CDN복사(회색배경색) 밑에 붙어넣.. 이전 1 2 3 4 5 6 7 8 다음
