JQuery(1)

🖊 용어정리

1. JQuery

제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리로 제이쿼리를 이용하면 문서 객체 모델(DOM)과 이벤트에 관한 처리를 손쉽게 구현할 수 있다.
또한, Ajax 응용 프로그램 및 플러그인도 제이쿼리를 활용하여 빠르게 개발할 수 있다.

2. ajax

비동기적인 웹페이지 제작을 위한 기법

3. json

Javascript Object Nation
키-값 쌍으로 이루어진 데이터 오프젝트, 마크업 언어 혹은 개방형 표준포맷
자바스크립트로 파생되었지만 다 사용함

4. CDN

Contents Delivery Network
자료를 효율적으로 전달하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템
(데이터를 저장해둔 복제본을 여러개 둠)

5. onload

<script src="CDN웹주소"></script>
<script>
 $(function() {
 alert(‘load!!’);
 });
</script>

6. onclick

<script>
$(“#id_name”).on(“click”,function(){
console.log(‘click!’);
});
</script>

7. onmouseover

<script>
$(“#id_name”).on(“mouseenter”,function(){
console.log(‘click!’);
});
</script>

🖊 예시

1. text 입력하고 색 변경하기

2. facebook timeline

3. 마우스로 클릭했을 때 색 변경