3. 함수와 객체
- 프로그램 코드는 함수에 넣어서 사용하며 함수에는
시스템이 제공하는 내장 함수와 사용자가 만드는 사용자 정의 함수가 있다. - 함수는 특정 작업을 기술하는 곳으로 함수명(인수리스트){}로 구성되며
실행결과는 return문을 사용해서 리턴한다. - 익명함수 function(){}는 이름이 없는 함수로 필요한 곳에서이름을 정의하거나
이름을 굳이 줄필요가 없는 경우에 사용한다. - 즉시 실행함수 함수 정의와 동시에 실행하는 함수로, 함수 호출 없이 자동으로 실행된다.
- 클로저는 즉시실행 내부함수로 함수의 캡슐화, 런타임, 실행시 인자 값을 넘겨서
자동 동작되는 작업에 사용한다.
4. 제이쿼리를 사용한 태그 제어와 Ajax
- 제이쿼리(jQuery)는 빠르고 가볍고 다양한 기능을 가진 자바스크립트 라이브러리이다.
- 제이쿼리 라이브러리를 사용하려면 http://jQuery.com/ 사이트에서 다운로드 하여 소스에 포합하거나
CDN을 사용해 HTML 파일에 포함한다. - jQuery는 HTML 엘리먼트(태그)를 사용해서 어떤 동작을 수행한다.
- 동작이 발생되는 태그인 실렉터에서 특정 동작이 발생되면 처리하는 $(selector).action()과 같은 문법을 사용한다.
- 실렉터에는 엘리먼트의 id 속성 값, 엘리먼트의 class 속성 값을 사용할 수 있으면
$(엘리먼트명/#엘리먼트의 id 속성 값/.엘리먼트의 class 속성 값)과 같은 형태로 사용한다. - $("p")와 같이 실렉터를 사용한 태그 선택 형태는 HTML 엘리먼트의 객체 자체에 접근하는 것이며,
엘리먼트의 내용에 접근하려면 text(),html(),val() 메소드 중 하나를 사용한다. - 제이쿼리는 마우스 이벤트, 키보드 이벤트, 폼 이벤트, 도큐먼트/ 윈도우 이벤트 등을 제공한다.
- jQuery에서 Ajax 기능을 구현한 메소드들을 사용해서 한다. 이 메소드들은 서버로부터
TEXT, HTML, XML 또는 JSON 형태의 파일을 요청하고 응답받을 수 있는 기능을 제공하는
$.get(), $.getJSON(), $.post(), .load(), $.ajax() 등의 메서드를 제공한다.
728x90
'추가 공부 > Web' 카테고리의 다른 글
JSP Selenium 설정 및 연습 사이트 찾기 (1) | 2024.09.02 |
---|---|
2023년 3월 이후 새로 개설된 JavaScript importmap (1) | 2024.09.02 |
cos 라이브러리와 @MultipartConfig() 의 차이점 (0) | 2024.08.29 |
쉽게 배우는 HTML5 & CSS3 & JavaScript 1 (0) | 2024.08.27 |
Cafe24 문자API Servlet 문자 인증 구현 (0) | 2024.08.23 |