본문 바로가기

프로그래밍24

'이벤트'로 타이밍을 설정하자 HTML을 읽어 들이는 타이밍에 실행되는 ready() "브라우저가 웹 페이지를 읽어 들이는 것을 끝났다." $(function(){ HTML을 읽어 들이고 실행하는 처리 }); 위의 코드는 다음의 코드를 생략 $(document).ready(function(){ HTML을 읽어 들이고 실행하는 처리 }); ready()는 "HTML 로딩 완료"라는 이벤트를 감지하는 명령 → "웹페이지를 모두 읽어 들이고, 준비가 되었다면 처리하시"라는 명령문 $(셀렉터).이벤트(function(){ $(셀렉터). 명령 }); 다른 이벤트 처리에도 ready()는 필수 항목 브라우저는 script 태그의 위치에 관계없이 button 태그를 발견할 수 잇고, 처리는 페이지 로딩이 완료된 후에 실행된다. jQuery를 사용.. 2012. 3. 9.
기본 명령을 이용한 HTML/CSS의 조작 HTML/CSS를 마음대로 조작할 수 있는 jQuery 명령 ①조작할 HTML 태그를 선택하는 "셀렉터" ②조작하는 내용(명령) jQuery를 이용한 HTML 혹은 CSS 조작의 기본 $(" ........ ")의 안쪽에 셀렉터를 쓰고 그 뒤에 .(dot)로 명령을 기술하여 작성한다는 기본 약속 $(function(){ $("셀렉터").jQuery의 명령 }); - 텍스트 변경과 가져오기 변경전 가져온 문자열 변경전 - HTML 변경과 가져오기 변경전 변경후 변경전 - HTML 삽입 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 - HTML 이동 텍스트 텍스트 앞으로 이동 - 다른 태그와의 묶음 wrap(지정한 태그 각각을 다른 태그로 감싸기) wrapAll(복수 태그 전체를 다른 태그로 감싸.. 2012. 3. 9.
jQuery 활용 준비 jQuery를 읽어 들이는 부분 jQuery를 읽어 들이는 부분 HTML의 태그를 지정하는 "셀렉터" $(function(){ $("셀렉터").jQuery의 명령 }); 셀렉터의 분류 - CSS에서 자주 이용되는 셀렉터 ① 태그 셀렉터 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 ②ID 셀렉터 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 ③클래스 셀렉터 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 ④자손 셀렉터 텍.. 2012. 3. 8.
웹어플리케이션 폴더 추가하기 웹서버에서 웹 어플리케이션의 폴더를 추가하는 방법은 다음과 같이 두 가지가 있다. ※ webapps폴더의 하위 폴더로 웹 어플리케이션 추가하기 ※ server.xml 파일에 직접 설정 정보 추가하기 여기서 이야기 하고자 하는것은 webapps폴더 이외에 다른 폴더에 웹 어플리케이션을 두고자 할때이다. 이러한 경우에는 두번째 방법인 server.xml 파일에 직접 설정 정보를 추가하는 방법을 써야 한다. 그렇다면 한번 해보도록한다. server.xml파일이 위치한 경로는 다음과 같다. ◎ C:\Tomcat 5.5\conf\server.xml 이파일을 열어 host라는 태그를 찾아보자. appBase라는 속성의 값으로 자리한 webapps라는 값은 웹 어플리케이션 폴더가 위치할 기본 폴더를 지정한것이다. H.. 2012. 3. 6.