Front-End
이클립스에 jQuery 플러그인 설치하기
출처 : http://gy801110.blog.me/110229227 이클립스에서 사용하는 플러그인중 JQuery 플러그인입니다.설치시 코드 어시스턴트가 되는 장점이 있습니다. 개발할때 많은 유용한 점이 있어요~ ^^ 1. 다운로드 주소 : http://download.aptana.org/tools/studio/plugin/install/studio 2. 설치 가이드 1) Help > Install New Software > 다운로드 주소 입력 엔터! 2) 넥스트~ 3) accept후 넥스트~ 4) 해당 내용이 나오면 오케이 누르고 ㄱㄱ 5) 이클립스 재시작 6) 재시작 후 툴바(아래 그림 참조)에서 설치된 플러그인을 선택합니다. 7) Install Additional Features 창이 나오면 Jqu..
5) Selectors - firstChild & nextSibling
API : http://api.jquery.com/category/selectors/hierarchy-selectors/ jQuery로 firstChild, nextSibling으로 태그따라가서 출력하는거 해봣는데.. 첫번째줄 없애는걸 $("table > tbody:first >tr:first ~ tr > td:first").slideUp("slow"); 이렇게 수정하면 첫번째 테이블의 첫번째줄만 없어진다....... jQuery에도 this가 있어서 this의 첫번째줄을 없애는걸로 적용해야하는데 잘모르겟다.. jQuery의 html()과 자바스크립트의 innertHTML이 같은것같다. ( $("").html() == document.~~~~.innerHTML)
4) Selectors - 태그접근(태그,id,class)
태그전체 : $("태그이름") 태그이름 : $("태그이름#ID이름") 태그클래스 : $("태그이름.클래스이름")
3) jQuery 기본세팅
1. 제이쿼리 홈페이지 둘러보기 : http://jquery.com/ - 메뉴 Documentation, Tutorials를 주로 보았고, 주로 보게될꺼고, 주로 보라고 하셨다.2.1.1. 제이쿼리 다운로드 : http://docs.jquery.com/Downloading_jQuery 2.1.2. 제이쿼리 적용 : http://docs.jquery.com/How_jQuery_Works (경로만 지정해주면된다 : )2.2 다운안받고 jQuery쓰는법 - URL에서 제공해주는걸 갖다써도 jQuery를 사용하는데는 문제없다. ※ 하지만 상용에서는 js파일이 없어지거나 경로가 수정될수도 있는일이므로, 실습할때만 사용하라고 하셨다.. 구글 - http://ajax.googleapis.com/ajax/libs/jq..
2) 1차원으로 오브젝트 접근하기 ( JavaScript )
DOM으로 태그에 접근할때, 1. 직접 하위트리로 접근하는방법( -> -> -> )2. 태그의 ID나 NAME로 document.getElementById() & getElementById()으로 검색하여 접근하는 방법등이있다(jQuery는 제외했을때)HTML태그들은 트리구조로 되어있다. 트리구조 2번처럼 id를 찾아서 하는것이 가장 흔하고 자주쓰기때문에,, 가장 기초적인 1번으로 태그에 접근해볼것이다.document.all에서 접근해도되는데 더복잡해지니까 에서부터 접근해볼것이다. (http://koxo.com/lang/js/object/body.html)안에 태그를 생성하였고, 그 안의 태그에 접근할것이다. 여기!!!라고 써진 글자를 1차원적으로 접근하여 글자를 바꾸는 코드이다. 여기!!!에 접근하려면..
1) 오브젝트 개수보기
document.all으로 웹브라우저의 오브젝트의 개수를 알수있다. (http://koxo.com/lang/js/object/all.html) 스크립트가 가장 밑에있는이유 : 자바스크립트는 인터프리터(컴파일러가 필요없는) 언어이기때문에 부문부문 웹브라우저가 해석을 한다. 부분에 스크립트를 배치하면 오브젝트의 개수가 다르게 출력됨을 알수있다.
History객체
History객체 속성 current History객체 메소드 back() 현재 보고 있는 URL의 이전사이트로 이동한다 forward() 현재 보고 있는 URL의 다음 사이트로 이동한다. go() 괄호 안에 숫자를 입력하여 상대적인 위치로 이동한다. history.back() history.go(-1) history.go(-2) history.go(1)