제이쿼리 ajax 예제 Ajax는 Asynchronous JavaScript and XML 의 약자입니다.자바스크립트를 이용하여 서버와의 비동기식 통신을 하기위해 사용하는데요.비동기식이란 서버에 정보를 전송하거나 받기위해 페이지 이동을 하지 않고 통신을 통해 정보를 주고받는걸 의미합니다. 즉 하나의 페이지에 머물면서 여러가지 명령을 실행할 수 있죠. Ajax를 사용하는 이유는 대부분 사용자 입장에서 봤을 경우 깔끔한 정보전달 및 정보표시를 보여주기 위함 입니다.예를 들면 사용자가 A라는 페이지를 보고있는데 B라는 페이지의 정보를 보기위해 굳이 B라는 페이지로 이동을 하지 않고 보여준다면, 사용자 입장에서는 깔끔하고 편하다는 느낌을 받겠죠. 사실 자바스크립트를 사용하여 Ajax 통신을 하기 위해서는 코드가..

제이쿼리 setInterval,clearInterval 예제 ※setInterval 이란...간단히 설명하자면 '시간 카운터' 입니다.원하는 단위만큼 시간을 증가시키거나 감소시킬 수 있는 함수이죠.이 함수는 대부분 시간제한이 있는 게임같은 컨텐츠에서 사용하거나, 일정 시간마다 데이터를 업데이트 시킬 경우에 많이 사용합니다.예제를 통해서 setInterval 함수를 활용하는 방법에 대해 알아보도록 하죠. ※setInterval 사용법var timeLimit = setInterval(function(){ 사용자가 정의한 동작}, 시간단위); ※setInterval 예제시간을 1초 단위로 카운트를 하여 0초가 되면 메시지를 띄우는 예제. (1)스크립트 코드 $(window).ready(function(){ v..

제이쿼리 폼 검사 예제폼 속성 text/radio/checkbox/이메일 검사하기 ※폼 유효성 검사란...폼 유효성 검사는 사용자가 입력한 값을 서버사이드로 넘기기 전에 유효한 값인지를 확인하는 과정입니다.사용자가 입력한 값에 문제가 있어서 폼을 다시 작성하는 일이 발생하지 않도록 미리 방지를 하는거죠.폼 검사를 하기위해 다양한 HTML 입력 태그를 사용할텐데요.이번 강좌를 통해 유효성 검사는 물론 다양한 제이쿼리 선택자도 공부할 수 있습니다. 영화동호회에서 설문조사를 한다고 생각하고 폼을 만들어 볼게요~입력항목은 다음과 같이 정의하겠습니다.이름, 나이, 성별, 이메일주소, 좋아하는 장르, 좋아하는 극장 이름, 나이, 이메일주소 항목은 텍스트박스를 사용합니다.성별 항목은 라디오버튼을 사용하고요.좋아하는 ..

라이브러리 파일 다운로드, css 추가/변경이번 강좌에서는 제이쿼리가 무엇인지.. 그리고 선택자는 어떤 종류가 있고 css를 어떻게 제어하는지 알아보겠습니다. ※제이쿼리란? 간단하게 정의를 내리자면 자바스크립트 라이브러리 입니다.그렇다면 라이브러리는 무엇일까요?라이브러리는 자주 사용하는 기능이나 코드들을 재사용 가능하게 만들어 프로그래밍을 하는데 있어 속도를 높히고 개발자에게 편의를 제공하는 기능을 말합니다.즉 제이쿼리를 이용하면 자바스크립트 프로그래밍 작업의 효율성을 극대화 시킬 수 있다는 의미입니다.라이브러리를 호출하는 방법은 아래와 같이 두 가지로 가능합니다.(1)라이브러리 파일을 로컬 디렉터리에서 호출(2)라이브러리 파일을 특정 url 경로에서 호출 라이브러리 파일은 아래 압축파일을 다운로드 받아..