본문 바로가기
[jQuery Tip] 선택자 최적화 하기 [jQuery Tip] 선택자 최적화 하기 선택자 최적화를 통해 HTML을 더 빠르게 선택하고 자바스크립트를 더 효율적을 사용한다. 1) 가능하다면 아이디 선택자를 사용해라. HTML 요소를 가장 빠르게 선택하는 것은 아이디 선택자를 사용하는 것이다. 2) 아이디를 먼저 사용한 후 자손 선택자를 사용하라. 좁은 범위에서 선택해라. ex) $('#main a') 3) find() 함수를 사용해라. 4) 너무 상세한 사용은 피해라. css 나열을 통해 상세하게 선택할 수 있지만, 이 방법은 속도를 느리게 할 수 있다. 가능하다면 더 짧은 자손 선택자를 사용한 후에 이를 다듬는 편이 좋다.
이벤트 핸들러 등록과 구현의 분리 $(document).ready(function() { // 로그인 버튼과 클릭 이벤트에 대한 핸들러 등록 $("#btnLogin").click(OnBtnLoginClicked); // 로그아웃 클릭 이벤트 핸들러 등록 $("#btnLogout").click(OnBtnLogoutClicked);}); function OnBtnLoginClicked(event) { // 로그인 버튼 이벤트 핸들링} function OnBtnLogoutClicked(event) { // 로그아웃 버튼 이벤트 핸들링} 이벤트 핸들링 코드가 너무 길어지는 경우는 위와 같이 이름 있는 함수를 이용해 핸들러를 등록하는 코드와이벤트 핸들링을 구현하는 함수를 분리해서 로드 이벤트 핸들러의 코드를 좀 더 간단하게 정리할 수 있다.
제이쿼리 작성의 좋은 예 보호되어 있는 글입니다.
jQuery: data() 이해와 활용 jQuery의 data()의 저장 방법 위와 같이 형태로 data를 엘리먼트에 저장할 수 있습니다.* 추가적으로 HTML5에서는 HTML 엘리먼트에 data-*형식을 이용하여 미리 데이터를 저장할 수 있습니다. 이 방법은 jQuery의 data()를 이용해 저장한 것과 동일한 효과를 나타낼 수 있습니다.사실 HTML5의 data-*가 나오기 전에는 개발자들마다 가지각색으로 HTML 엘리먼트에 허용되지 않는 속성(임의의 Attr속성)을 추가하여 사용했기 때문에 유지보수 측면이나 해석할때 매우 난해하고 지저분한 HTML이 많았습니다. 하지만 HTML5로 넘어오면서 data-* 속성이 표준화가 되면서 이전의 문제점들이 해결되었습니다. .data()가 저장되는 방식 [ case 2. 데이터 읽기 ]문법 : $(..
iBatis, myBatis 동적 태그 비교 정리 Dynamic SQL [출처] 알짜배기 프로그래머 블로그 iBatis, myBatis 동적 태그 비교 정리 Dynamic SQL iBatis 의 업그레이드 버젼이 myBatis 라고 생각 하시면 됩니다. iBatis 가 Apache 에서 google로 넘어가면서 명칭이 변경된 것이죠. 설정이나 기타 차이점에 대해서는 아래의 Link를 참조하시고, Link : 전자정부프레임워크 iBatis, MyBatis 설정 방식 차이, 비교 이번 포스팅에서는 이 둘의 동적 태그를 비교해서 알아보도록 하겠습니다. 우선 iBatis 에서 사용되는 기본 동적 태그(Binary Conditional Tag)는 아래와 같습니다.여기서 사용되는 속성에는 prepend - 태그 조건에 맞아 실행될 sql문에 선행하여 붙을 속성property - 매개변..
자바 스크립트 비공개 프로퍼티와 메서드 http://webclub.tistory.com/312
[펌] amateradERD 쉬운 설치법 [출처] 초인, 초월이네 이야기 아마테라스 이클립스 플러그인 URLhttp://takezoe.github.io/amateras-update-site/ 우선 이클립스를 실행 합니다 !!그다음 이클립스 - HELP - Install New Software Add 버튼 클릭 Name : 자신이 원하는 별칭 입력 ( 저는 amateras 로 하겠습니다 )Location : 이클립스 아마테라스 플러그인 URL 입력 ( http://takezoe.github.io/amateras-update-site/ ) 입력 후 OK 버튼 클릭 !! 우리는 EDR만 필요하니까 Amateras Modeler 만 Check !! Next 버튼 클릭 !! Next 버튼 클릭 클릭 !! 라이센스 동의 후 Finish 버튼 클릭 !! 다..
error configuring application listener of class xxx 아래와 같이 하면 된다던데... 해결 안 됨. Update Project Configuration 만 진행 후 해결됨.정확히는 모르겠지만 메이븐 설정에서 Update Project.. 이 포인트 인 거 같다 이 오류는 이 오류는 maven의 dependency가 정상적으로 처리되지 못한 경우.. tomcat의 server plugin의 임시 deploy 디렉토리에 WEB-INF/lib에 jar들이 정상 배포되지 않기 때문입니다.. 해결하시는 방법은.. 개발환경 v1.0(eclipse 3.4기반)의 경우는 다음과 같이 조치하시면 되실 것 같습니다. - Project 메뉴 선택 -> Clean... 선택 후.. 프로젝트 재빌드 수행.. - 프로젝트 선택 -> context menu -> Maven -> Up..

티스토리툴바