jquery
-
Ajax는 jQuery를 임포트 한 페이지에서만 동작 가능하다. 즉, http://google.com/ 과 같은 화면에서 개발자 도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻. $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function (response) { console.log(response) } }) GET 방식으로 이 URL에 요청해서 response를 찍어주겠다는 뜻! $.ajax({ type: "GET", url: "..
Ajax 시작하기Ajax는 jQuery를 임포트 한 페이지에서만 동작 가능하다. 즉, http://google.com/ 과 같은 화면에서 개발자 도구를 열면, jQuery가 임포트 되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function → ajax라는 게 없다는 뜻. $.ajax({ type: "GET", url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, success: function (response) { console.log(response) } }) GET 방식으로 이 URL에 요청해서 response를 찍어주겠다는 뜻! $.ajax({ type: "GET", url: "..
2022.09.04 -
JQuery 강의 내용을 바탕으로 복습하는 시간~ 코딩을 만들어 보자! 더보기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 1. 빈칸 체크 함수 만들기 버튼..
JQuery + Javascript 연습하기JQuery 강의 내용을 바탕으로 복습하는 시간~ 코딩을 만들어 보자! 더보기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 1. 빈칸 체크 함수 만들기 버튼..
2022.09.04 -
jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! 예를 들어 버튼의 색깔을 바꾸고 싶다면? 예를 들어 div 박스를 하나 감추고 싶다면? → 이런 것들 쉽게 해주는 것이, jQuery! document.getElementById("element").style.display = "none"; $('#element').hide(); 위처럼 Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 보다 직관적으로 쓸 수 있고 편리하다. jQuery를 사용하는 방법 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부르고 사이에 아래를 넣으면 끝! 아래는 오늘 사용할 페이지 코드 더보기 내 생애 최고의 영화들 영화 기록하기 영..
JQuery 시작하기jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! 예를 들어 버튼의 색깔을 바꾸고 싶다면? 예를 들어 div 박스를 하나 감추고 싶다면? → 이런 것들 쉽게 해주는 것이, jQuery! document.getElementById("element").style.display = "none"; $('#element').hide(); 위처럼 Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 보다 직관적으로 쓸 수 있고 편리하다. jQuery를 사용하는 방법 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부르고 사이에 아래를 넣으면 끝! 아래는 오늘 사용할 페이지 코드 더보기 내 생애 최고의 영화들 영화 기록하기 영..
2022.09.03