목록프론트엔드 (37)
가희의자기개발블로그
01_소개 여기서 찾은 노드란? 다음과 같이 jQuery 메서드를 활용해 구해 놓은 노드를 말한다. var $divs = $("div"); var $items = $(".menu li"); 위의 구문을 실행하면 $divs와 $items에는 각각 선택자에 해당하는 노드가 담겨 있을 것이다. 이때 담겨 있는 노드의 개수라든지 또는 담겨 있는 노드 중 특정 노드만을 걸러내야 하는 작업을 하게 된다. 02_핵심 내용 02_1 찾은 노드의 개수 구하기 $대상.length jQuery의 length 프로퍼티를 이용하면 jQuery 객체 내부에 들어있는 노드 개수를 구할 수 있다. 02_2 찾은 노드 중 n번째 노드 접근하기 $대상.eq(index) jQuery dml eq()메서드를 이용해면 찾은 노드의 n번째에 ..
01_ $() 의 의미 jQuery에서 가장 많이 사용하는 기능은 $()이다. $("div").css("border","4px solid #f00"); 은 div의 태그에 border속성을 4px solid빨강으로 준것이다. 여기서 $는 함수 그자체 이다. $()는 함수를 호출한 것이다. jQuery 라이브러리 내부를 살펴보면 다음과 같다 window.jQuery = window.$ = jQuery; jQuery함수와 동일하며 jQuery 함수를 좀더 쉽게 사용하기 위한 일종의 단축이름이다. 02_ $() 함수의 리턴값 $("div").css("border","4px solid #f00"); 위의 코드에서 점(.)은 특정 객체에서 제공하는 기능에 접근할 때 사용한 접근 연산자이다. 그리고 css()는 이..
01_ jQuery 라이브러리 삽입 일반 자바스크립트 라이브러리처럼 jQuery 역시 웹 페이지에 라이브러리를 먼저 삽입해야 한다. 두가지 방법이 있다. 1_1_ CDN(Content Deliverty Network)에 올려져 있는 jQuery 파일을 이용하는 방법 CDN이란 콘텐츠를 여러 서버에 분산 배치해서 콘텐츠를 전송하는 과정에서 발생하는 트래핑 집중 & 병목 현상 및 데이터 손실을 해결하기 위한 기술이다. 이러한 목적으로 JQuery 파일도 아래 CDN에 올려져 있는데 , 이 파일을 웹 페이지에 삽입하는 방법이다. 1_2 파일을 다운로드해 이용하는 방법 JQuery 홈페이지에서 최신파일을 내려 받아 다음과 같이 링크를 웹 페이지에 삽입하는 방법 02_진입점인 ready() 메서드 삽입 대부분의 ..
1_ AJax - 'Asynchronous JavaScript and XML'은 웹 어플리케이션 구축의 패러다임을 변경하고 있다. 이름만 보면 AJax는 '비동기 방식의 자바스크립트와 XML'로서 자바스크립트 및 XML만을 사용할 것 같지만 실제로 보면 보다 많은 기술이 복합적으로 사용되어 AJax가 구성된다. - AJax : Asynchronous JavaScript + XML JavaScript를 사용한 비동기 통신, Client와 Server간에 XML 데이터를 주고받는 기술 동기 - 소켓 (반드시 요청을 하면 다시 와야한다. 자바로는 동기를 처리하지 못한다.) 비동기 - 요청을 하고 다시 돌아올때까지 자기 일을 하다가 응답이 돌아오면 자기 일을 한다. 요즘 모든 프로그램은 비동기로 움직여야한다. ..
01_JQuery vs. 자바스크립트 jQuery는 자바스크립트 DOM을 좀더 쉽게 작업하기 위한 라이브러리 덩어리이다. 똑같은 작업을 자바스크립트로 코딩하면 10줄, JQuery로 코딩하면 1줄로 처리할 수 있을 만큼 효율적인 코드로 작업할 수 있다. 기본 기능 비교 먼저 가장 기본 기능이 되는 작업 중에서 아이디 이름으로 노드 찾기, 태그 이름으로 노드 찾기, 클래스 이름으로 노드 찾기가 있다. 아이디로 노드 찾기 ex) Javascript var header = document.getElementById("header"); header.style.border = "4px solid ##ff00"; ex) JQuery $(document).ready(function(){ $("#header").css..
노드 다루기 https://lux.cuenet.kr/32 jQuery 노드 다루기 jQuery 노드 다루기 jQuery에서 노드 찾기 기능은 매우 중요합니다. 스타일을 다룰 때도 대상 노드를 먼저 찾아야 하며, 이벤트를 추가하거나 삭제할 때도 적용할 대상 노드를 찾는 작업을 가장 먼�� lux.cuenet.kr 스타일 다루기 https://ktko.tistory.com/entry/jQuery-%EC%8A%A4%ED%83%80%EC%9D%BC-%EB%8B%A4%EB%A3%A8%EA%B8%B0
보호되어 있는 글입니다.
보호되어 있는 글입니다.