document.getElementsById("myPara").innerHTML="안녕하세요?"
$("myPara").html("안녕하세요?");
$(selector).action();
//$기호는 jQuery를 사용한다는 의미이다. $대신에 jQuery라고 적어도 된다.
//$(selector)는 특정한 HTML 요소를 선택한다.
//선택된 요소에 어떤 동작이 수행된다.
$(document).ready(function(){
//Dom이 로딩되어서 준비가 되면 작업을 시작한다.
//구체적으로 jQuery 메서드를 호출한다.
});
: 서버와 데이터를 교환하는 기술의 하나
: 클라이언트가 서버와 적은 양의 데이터를 교환하여 비동기적으로 HTML 페이지를 업데이트할 수 있다.
-> 빠르고 동적인 대화형 웹 페이지를 만드는 데 유용
: 페이지와 상호작용하는 사용자를 방해하지 않으면서 비동기적으로 웹 서버와 통신할 수 있는 기능
$.get(URL, callback);
//URL : 서버로부터 로드를 원하는 URL
//callback : get()이 완료된 후에 호출되는 함수
$.post(URL, data, callback);
//data : request 요청과 함께 보내지는 key/value 형태로 되어 있는 쿼리 문자열
: 서버로부터 데이터를 로드해서 선택된 요소에 반환된 데이터를 집어 넣는다.
$(selector).load(URL, data, callback);
: JavaScript Object Notation)
: 텍스트 기반의 데이터 교환 형식이다.
- JSON의 구문
- 객체 : 이름/값 형태를 갖는 쌍의 집합, 중괄호 이용
- 배열 : 값의 순서화된 리스트, 대괄호 이용
eval("(" + s+")");
JSON.parse(s);
HTML5+CSS3+JavaScript로 배우는 웹프로그래밍 기초 (천인국 저)