appendTo . appendTo() 메서드는 선택한 요소를 '해당 요소의 마지막'에 삽입해 주는 메서드입니다. 일치하는 요소 집합의 모든 요소를 대상 끝에 삽입합니다. .appendTo() : $(A).appendTo(B) // A 가 B 사이의 마지막에 추가 된다. cs append()와 appendTo()는 동일한 기능을 수행하지만, 추가될 내용과 타깃의 위치가 다릅니다. A.append(B) - A에 B를 추가. 지정한 요소의 마지막에 내용을 추가 A.appendTo(B) – B에 A를 추가. 지정한 요소의 마지막에 내용를 추가 선택한 요소가 DOM의 다른 위치에 단일 위치에 삽입되면 대상 (복제되지 않음)으로 이동되고 삽입된 요소로 구성된 새 집합이 반환됩니다. $( "h2" ).appen..
제이쿼리와 Ajax Ajax를 이용하여 개발을 손쉽게 할 수 있도록 미리 여러 가지 기능을 포함해 놓은 개발 환경을 Ajax 프레임워크라고 합니다. 그중에서도 현재 가장 널리 사용되고 있는 Ajax 프레임워크는 바로 제이쿼리(jQuery)입니다. Ajax는 웹페이지가 서버와 비동기 통신을 하는 기술들의 집합체입니다. 동기 통신도 가능합니다. Ajax에서 사용하는 기술들은 다음과 같습니다. XHTML Cascading Style Sheets JavaScript XmlHttpRequest : 웹서버와 통신을 담당 XML & JSON DOM Ajax란? Asynchronous JavaScript and XML 의 약자 자바스크립트를 이용해서 비동기식으로 서버와 통신하는 방식. 이 때 XML을 이용한다. 꼭 X..
라이브러리란?(library) 자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들 jQuery란? 1. 엘리먼트를 선택하는 강력한 방법과 2. 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 3. 자바스크립트 라이브러리 즉 모든 브라우저에서 이벤트가 발생할 때 동작하는 클라이언트 자바스크립트 라이브러리(=결과값) input box 값이 있는지 없는지 여부. 안에 텍스트 길이가 몇글자 check box 체크 되었는지 확인 combo box 선택되었는지 확인 Grid 화면에 뿌려진 목록이 있는지 확인 img 이미지가 보이는지 안보이는지 button 버튼이 지정되었는지 확인 참고) 요소(element, 엘리먼트) ' 내용 '에서 밑줄 친 전체를 뜻하..
jQuery form 데이터 유효성 검사 사용자가 form 안에서 올바른 값을 입력했는지 여부(데이터 유효성)는 기본적으로 서버측 스크립트로 확인해야 합니다. 사용자가 입력한 form을 서버로 전송하면 서버측 스크립트는 사용자 값을 받아서 맞는지 틀린지 확인하고 틀린 경우 다시 입력 페이지를 내놓습니다. 이 과정의 문제는 서버측 스크립트로부터 데이터 유효성 검사를 받으려면 네트웍 환경이 좋지 못한 환경에서 너무 오랜 시간을 기다려야한다는 점입니다. 사실 네트웍 환경이 좋아도 같은 페이지를 자꾸 갱신하는 것은 짜증스러운 일이죠. form이 포함된 페이지를 아무런 실수 없이 한번에 유효하게 작성해서 전송 OK! 하는 사람들이 얼마나 많을까요? 그래서 웹 개발자는 언제부터인가 이런 불편을 개선할 목적으로 데이..
JSON이란 JavaScript에서 객체를 만들 때 사용하는 표현식을의미합니다. JavaScript Object Notation라는 의미의 축약어로 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식을 일컫는 말입니다. 즉, JSON는 Javascript 객체 문법을 따르는 문자 기반의 데이터 포맷입니다. JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐입니다. 1 var obj={}; cs 위에서 설명했듯이 JSON은 Javascript 객체 리터럴 문법을 따르는 문자열입니다. JSON 안에는 마찬가지로 Javascript의 기본 데이터 타입인 문자열, 숫자, 배열, 불리언 그리고 다른 객체를 포함할 수 있습니다. ..
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 Document // 미로 길을 배열로 만들기 var map = [ [1, 1..
