it개발자스터디공간

<계층구조에서 가지 제거 방법 예 1>

​

​* 사용예

​

- 계층적 질의문을 사용하여 부서 테이블에서 dname 칼럼을 단대,

학부, 학과순으로 top-down 형식의 계층 구조로 출력하여라. 단, 

‘정보미디어학부’를 제외하고 출력하여라.

- $() 함수는  jQuery에서 가장 강력한 함수로 이 함수를 사용하여 문서에서 엘리먼트를 선택한다. 이앞 에서, 이 함수는 Cascading Style Sheets (CSS) 신택스를 포함하고 있는 스트링으로 전달되고, jQuery는 효율적으로 이 엘리먼트를 찾는 것이다.

​

 - #external_links는 external_links의 id를 가진 엘리먼트를 찾는다. a 앞에 있는 공간은 jQuery에게 external_links 엘리먼트 내의 모든 <a> 엘리먼트를 찾도록 명령한다.

- click 함수를 호출함으로써 클릭 핸들러 함수를 jQuery 객체의 각 엘리먼트에 할당할 수 있다.

jQuery를 사용하지 않았을 때

​

var external_links = document.getElementById('external_links');
var links = external_links.getElementsByTagName('a');
 for (var i=0;i < links.length;i++) {
 var link = links.item(i); link.onclick = function() {
   return confirm('You are going to visit: ' + this.href);   };
 }

jQuery를 사용했을 때

  $('#external_links a').click(function() {
 return confirm('You are going to visit: ' + this.href); }
); 

CSS Selector
도큐먼트의 구조를 명료하면서도 읽기 쉬운 형태로 표현

Pug-in Architecture
feature creep를 피하고 창의적 산출물을 공유

​Method Chaining
여러 동작을 한 줄에 나열이 가능하며, 임시 변수 사용을 최소화 하거나 불필요한 반복을 피할 수 있음

HTTP://JQUERY.COM

- 2006년 초, John Resig가 만든 JavaScript Library

​
- JavaScript™와 Asynchronous JavaScript + XML (Ajax) 프로그래밍을 단순화 함

​
- DOM 스크립팅과 Ajax의 반복성을 단순하게
코드를 단순하고 간결하게 유지한다.
 많은 반복 루프와 DOM 스크립팅 라이브러리 호출을 작성할 필요가 없다

<?xml version="1.0" encoding="utf-8"?>
<부서들>
  <부서 code="insa" title="인사부">
    <사원 position="과장">김과정</사원>
    <사원 position="대리">김대리</사원>
    <사원 position="사원">김사원</사원>
  </부서>
  <부서 code="sale" title="영업부">
    <사원 position="부장">이부장</사원>
    <사원 position="과장">이과장</사원>
    <사원 position="대리">이대리</사원>
  </부서>
</부서들>