[생활코딩] 11강. ajax

ajax란? Asynchronous JavaScript and XML 의 약자 자바스크립트를 이용해서 비동기식으로 서버와 통신하는 방식. 이 때 XML을 이용한다. 꼭 XML을 이용할 필요는 없고, 최근에는 json을 더 많이 이용한다. 비동기식이란 여러가지 일이 동시적으로 발생한다는 뜻으로, 서버와 통신하는 동안 다른 작업을 할 수 있다는 의미. →서버-웹 통신시 서버는 백그라운드에서만 돌고 웹은 마우스 움직임이 가능 동기식으로 구현하는 것 ex. 신용카드 결제 →web페이지 전체가 freezing 서버-웹 통신 시 아무 작업도 안됨 ajax가 있기 전까지는 web은 문서로만 쓰였습니다. 어떤 정보가 변경되면 서버로 접근하여 전체 다운로드 받고 화면 전체를 바꿔야하는 형식이였습니다. 하지만 ajax가 ..

  • format_list_bulleted __/jQuery
  • · 2021. 2. 19.
  • textsms

[생활코딩] 10강. 애니메이션

효과란? 자바스크립트와 CSS를 이용해서 HTML엘리먼트에 동적인(애니메이션)효과를 줄 수 있다. jQuery의 효과 메소드를 호출하는 것만으로 간단히 효과를 줄 수 있다. 예제1. //버튼들은 각각 id값을 가지고 있음 target 예제2. » Run Hello!

  • format_list_bulleted __/jQuery
  • · 2021. 2. 19.
  • textsms
[생활코딩] 9강. 탐색(traversing)

[생활코딩] 9강. 탐색(traversing)

체인 컨텍스트를 유지하면서 제어의 대상이 되는 엘리먼트를 변경하는 기법 chain 챕터참고 http://api.jquery.com/category/traversing/ Traversing | jQuery API Documentation Create a new jQuery object with elements added to the set of matched elements. Add the previous set of elements on the stack to the current set, optionally filtered by a selector. Add the previous set of elements on the stack to the current set. Get the ch api.jquer..

  • format_list_bulleted __/jQuery
  • · 2021. 2. 19.
  • textsms

[생활코딩] 8강. Form

폼(Form) 서버로 데이터를 전송하기 위한 수단 생활코딩 HTML 튜토리얼 폼 편 참고 Query는 폼을 제어하는데 필요한 이벤트와 메소드를 제공한다. jQuery 폼 API 문서 : http://api.jquery.com/category/forms/ 예제1. (.focus(), .blur(), .change(), .select()) 예제2. (.submit(), .val()) Type 'correct' to validate.

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms

[생활코딩] 7강. 엘리먼트 제어

웹을 문서로 만든다면 html이나 css만으로도 충분히 만듭니다. 웹을 문서가 아니라 애플리케이션으로써 만든다면 html을 동적으로 만든다거나 css를 수정한다거나 해야하고, 이에 대해서는 자바스크립트를 사용해야합니다. → jQuery 엘리먼트 제어 jQuery는 엘리먼트를 제어하는 일관되고 풍부한 기능들을 제공한다. http://api.jquery.com/category/manipulation/ 자식으로 삽입 (.append(), .appendTo(), .html(), .prepend(), .prependTo(), .text()) I would like to say: //strong엘리먼트 생성, p태그의 자식 엘리먼트로 추가 형제로 삽입 (.after(), .before(), .insertAfter(..

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms

[생활코딩] 6강. Event

이벤트(Event) 란? 시스템에서 일어나는 사건을 의미 javascript나 jQuery에게 이벤트란 브라우져에서 일어나는 사건을 의미한다. (클릭, 마우스 이동, 타이핑, 페이지 로딩등) 이벤트가 발생했을 때 작동할 로직을 시스템에게 알려두면 이벤트가 발생했을 때 시스템이 그 로직을 호출한다. 이벤트에 대한 기본적인 내용은 자바스크립트 이벤트 편 참고 http://opentutorials.org/course/49 jQuery의 이벤트 크로스브라우징의 문제를 해결해줌 bind로 이벤트 핸들러를 설치하고, unbind로 제거 (예제1) trigger로 이벤트 핸들러를 강제로 실행 (예제2) click, ready와 같이 다양한 이벤트 헬퍼(helper)를 제공함 live를 이용하면 현재 존재 하지 않는 ..

  • format_list_bulleted __/jQuery
  • · 2021. 1. 24.
  • textsms