본문 바로가기

플밍 is 뭔들/JavaScript&jQuery

[JavaScript&jQuery] 자바스크립트와 jQuery의 관계 ※ 자바스크립트와 jQuery와의 관계 jQuery는 오직 자바스크립트 DOM 작업을 좀더 쉽게 도와주는 라이브러리 (자바스크립트 문법이나 라이브러리를 대체할 수 있는 새로운 프로그래밍 언어가 아니다!) $("#menu li").css("color", "#foo"); 라는 제이쿼리가 있다고 하자. 이 jQuery는 id가 menu인 녀석의 하위에 있는 li의 색을 빨간색(#foo)로 바꾸라는 문법이다. 이 jQuery 문법안의 내부는 아래와 같다. var menu = document.getElementById("menu"); var liList = menu.getElementByTagName("li"); for(var i = 0; i 더보기
[JavaScript&Query] DOM에 대해 알아보자 ※ DOM 이란? Document Object Model의 약자로 문서를 객체로 표현하기 위한 표준으로 HTML, XML등의 문서로 표현할때 사용 하는 API 문서의 구조적 형태를 제공하므로 자바스크립트와 같은 스크립트 언어를 사용하여 문서 내용과 시각적 표현을 수정할 수 있다. ※ W3C DOM vs 브라우저 DOM DOM은 정의 부분과 구현부분으로 나누어진다. W3C DOM - 정의부분, 문서를 조작할 때 지켜야 할 약속(규칙, 규약)이 명시되어 있는 문서일 뿐 실제 동작 구현하는 소스는 없다. 이 명세서를 만드는 곳은 웹 관련 표준을 정의하는 협회인 W3C이다. IDL로 구성이 되어 있으며 IDL이란 Interface Definition Language의 약자로써 인터페이스 정의 언어 이다. 브라우.. 더보기
[자바스크립트]타이머 설정 setTimeout(function(){ 변경사항 }, 3000); //(function(){ 변경사항}, 시간) function()함수가 3초후에 실행된다. 즉 3초후에 변경할 내용을 function함수 안에 작성하면 된다. 더보기
[자바스크립트]날짜 Date 타입 계산법 자바스크립트를 이용한 날짜 계산법이다. var sysDate= new Date(); //현재 날짜 및 시간 alert(new Date(Date.parse(sysDate) - N * 1000 * 60 * 60 * 24)); // N일 전 alert(new Date(Date.parse(sysDate) + M * 1000 * 60 * 60 * 24)); // M일 후alert(new Date(Date.parse(sysDate) + 1000 * 60 * 60)); //한시간후 alert(new Date(Date.parse(sysDate) + 1000 * 60)); //1분후 alert(new Date(Date.parse(sysDate) + 1000)); //1초후 이므로 위의 글에 기초하여 날짜를 컨트롤 하고싶.. 더보기