728x90
반응형

요즘 jQuery 공부를 위해 jQuery 쿡북 이라는 책을 읽고 있다. 듣기론 아마존에서 관련서적중 굉장히 많이 팔린책에

지은이들이 모두 jQuery 코어 커뮤니티 개발자들이라고 하여 예제 소스코드의 신뢰성 부분에서도 우수할것으로 생각하여

스터디를 하게 되었는데 음... 내스타일은 아닌것같다. 이 책을 편안하게 읽고 응용하려면 javascript 에 대한 상당항 이해도가 필요하고

예제 소스도 html 이나 css 없이 jQuery 소스코드만 보여주고 예제가 동작하는걸 보려면 우리가 html이나 css를 예상하여 예제를 

작성해야한다. -_-;;;

jQuery를 실무에서 어느정도 사용하고 응용하고있는 개발자들이라면 이책에 담겨진 내용을 통해 소스코드를 개선하고 이해하는데 도움되겠지만

초심자입장에서는 책에 나와있는 웹2.0의 개념이나 자바스크립트의 클로저,프로토타입등을 모르는 상태에서 이 책을 보는것보다 

예제가 풍부하고 작동하는것이 눈에 보이는 사용법 위주의 책을 권하고싶다.


실전 jQuery 쿡북 TAEYOS CHOICE

실전 jQuery 쿡북
별점
9.33 | 네티즌리뷰 7건리뷰쓰기
원제jQuery Cookbook
페이지 610|ISBN ISBN 안내 레이어 보기 9788996276555|판형 B5, 188*257mm|더보기


728x90
반응형
728x90
반응형
onabort이미지의 다운로드를 중지할 때 (브라우저의 중지버튼)
onactivate개체가 활성화될 때 발생
(태그의 기능이 작용할 때 발생하는 이벤트로 예를 들어 링크를 누를 경우 링크가 옮겨질때 발생하는 것을 감지하는 이벤트 핸들러)
onafterprint문서가 출력되거나 혹은 출력하기 위해 출력미리보기를 한 후에 발생
onafterupdate데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되었을 때 발생(데이터 개체부분 참조)
onbeforeactivate개체가 활성화 상태로 되기 바로 직전에 발생 (onactivate 참고)
onbeforecopy선택 영역이 시스템의 클립보드로 복사되기 바로 직전에 발생
onbeforecut선택 영역이 지워지기 바로 직전에 발생
onbeforedeactivate부모 문서에서 현재 개체에서 다른 개체로 activeElement가 바뀔 때 발생
(activeElement는 개체를 지칭하는 예약어로도 쓰임)
onbeforeeditfocus편집가능한 개체 내부에 포함된 개체가 편집활성화된 상태가 되거나 혹은 편집가능한 개체가 제어를 위해 선택될 때
onbeforepaste시스템의 클립보드에서 문서로 붙여넣기 될 때 대상 개체에서 발생
onbeforeprint문서가 출력되거나 혹은 출력하기 위해 출력미리보기 직전에 발생
onbeforeunload페이지가 언로드되기 직전에 발생
onbeforeupdate데이터영역 개체에서 발생하는 이벤트로 데이터 소스 오브젝트내의 데이터가 업데이트 되기전에 발생 (데이터 개체부분 참조)
onblur개체가 포커스를 잃었을 때
onbounce마퀴태그에서 alernate상태에서 스크롤이 양 사이드에서 바운드될 때 발생
oncellchange데이터 제공 개체에서 데이터가 변화할 때 발생
onchange개체 혹은 선택영역의 내용이 바뀔 때 발생
onclick개체위에서 마우스의 왼쪽 버튼을 누를 때 발생
oncontextmenu클라이언트 영역에서 사용자가 마우스 오른쪽 버튼을 눌러 콘텍스트 메뉴를 열 때 발생
oncontrolselect사용자가 개체의 제어 영역을 만들 때 발생
oncopy시스템의 클립보드에 선택영역 혹은 개체를 복사할 때 소스 개체로부터 발생
oncut시스템의 클립보드에 선택영역 혹은 개체를 잘라낼때 소스 개체로부터 발생
ondataavailable비정기적으로 데이터를 전달하는 데이터 소스 개체로부터 데이터가 도착할 때마다 정기적으로 발생
ondatasetchanged데이터 소스개체의 변화에 의해 데이터가 노출된 상태로 될 때 발생
ondatasetcomplete데이터 소스 개체로부터 모든 데이터가 유용한 상태로 표시될 때 발생
ondblclick사용자가 개체에 더블클릭 할때 발생
ondeactivate모 문서에서 현재 개체에서 다른 개체로 activeElement가 변할 때 발생
ondrag드래그 상태가 지속되는 동안 소스 객체로부터 발생
ondragend드래그 상태가 끝날 때 소스 객체로부터 발생
ondragenter사용자가 개체를 드래그하여 드롭가능 위치로 지정된 영역으로 이동할 때 타갯 개체에서 발생
ondragleave사용자가 개체를 드래그하여 드롭가능 위치로 지정된 영역을 떠날 때 타갯 개체에서 발생
ondragover사용자가 개체를 드래그하여 드롭가능 위치로 지정된 영역내에서 드래그할 때 계속적으로 타갯 개체에서 발생
ondragstart선택된 개체 혹은 텍스트 영역에서 사용자가 드래그를 시작할 때 발생
ondrop드래그앤드롭 작용에서 상태가 진행되는 동안 개체가 타갯 개체에 드롭되었을 때 타갯 개체에서 발생
onerror개체가 로드되는 동안 발생하는 이벤트
onerrorupdate데이터 소스 개체 내에 데이터가 없데이트 되는 동안 에러가 발생할 때 데이터 영역 개체에서 발생
onfilterchange비주얼 필터의 상태가 바뀌거나 트랜지션이 완료되었을 때 발생
onfinish마퀴개체의 loop가 완료되었을 때 발생
onfocus개체가 포커스를 받았을 때 발생
onfocusin개체에 포커스가 셋팅되기 바로 직전 개체에 대해 발생
onfocusout포커스가 다른 개체로 이동한 후에 포커스를 가고 있는 현재 개체에서 발생
onhelp브라우저가 활성화 되어 있는 동안 F1키를 눌렀을 때
onkeydown사용자가 키를 눌렀을 때
onkeypress기능키를 제외한 키를 눌렀을 때 발생
onkeyup사용자가 키를 놓았을 때 발생
onlayoutcomplete소스 문서로 부터 콘텐드를 가지는 객체가 미리보기나 출력을 할때 현제 LayoutRect 개체를 모두 채우는 것이 끝났을 때 발생
onload브라우저가 개체를 로드한 후에 발생
onlosecapture개체가 마우스 캡쳐를 잃었을 때 발생
onmousedown개체 위에 마우스 버튼을 누를 때 발생(좌우 어느 버튼이든)
onmouseenter개체 안으로 마우스 포인터가 들어올 때 발생
onmouseleave개체의 경계밖으로 마우스 포인터가 이동할 때 발생
onmousemove개체위에서 마우스가 움직일 때 발생
onmouseout개체밖으로 마우스 포인터가 빠져나갈 때 발생
onmouseover개체위로 마우스 포인터가 들어올 때 발생
onmouseup마우스가 개체위에 있는 동안 마우스를 누른 상태에서 해제될 때 발생
onmousewheel마우스 휠이 돌아갈 때 발생
onmove개체가 움직일 때 발생
onmoveend개체가 움직임이 끝날 때 발생
onmovestart개체가 움직이기 시작할 때 발생
onpaste문서에 클립보드로부터 데이터가 전송될 때 타겟 개체에서 발생
onpropertychange개체의 속성이 바뀔 때 발생
onreadystatechange개체의 상태가 변화할 때 발생
onresetForm 을 사용자가 리셋할 경우 발생
onresize개체의 크기가 바뀔 때 발생
onresizeend제어영역에서 개체의 크기가 사용자에 의해 변화가 끝날 때 발생
onresizestart제어영역에서 개체의 크기가 사용자에 의해 변화되기 시작할 때 발생
onrowenter데이터 소스 내에서 현재 열이 변화되거나 개체에 새로운 유용한 데이터가 입력될 때 발생
onrowexit데이터 소스 콘트롤이 개체 내의 현재 열을 변화시킬 때 발생
onrowsdelete레코드셋에서 열이 삭제될 때 발생
onrowsinserted현재 레코드셋에 새로운 열이 추가된 후에 발생 (데이터 개체에서)
onscroll사용자가 개체 내의 스크롤 바를 스크롤할 때 발생
onselect현재 선택된 영역이 바뀔 때 발생
onselectionchange문서의 선택 영역의 상태가 바뀔 때 발생
onselectstart개체가 선택되기 시작할 때 발생
onstart마퀴개체에서 루프가 매번 시작될 때 발생
onstop사용자가 stop 버튼을 눌렀을 경우 혹은 페이지를 떠날 때 발생
onsubmit폼이 전송되기 직전에 발생
onunload개체가 언로드되기 직전에 발생

 
빠진 이벤트가 있다면 댓글로 달아주세요.
추가할께요.
 
그리고 더블어 이벤트를 사용하기 위해서는 이벤트 정의가 필요한데, 이는 브라우저별로 인식하는 방식이 다르기에 다음과 같은 스크립트를 응용합니다.
 

function addEvent(obj, eventType, functionName) {
   if (obj.addEventListener) {
      obj.addEventListener(eventType, functionName, false);
   }
   else if (obj.attachEvent) {
      obj.attachEvent("on" + eventType, functionName);
   }
   else {
      obj["on" + eventType] = functionName; // same as "obj.onType = functionName"
   }
}
function removeEvent(obj, eventType, functionName) {
   if (obj.removeEventListener) {
      obj.removeEventListener(eventType, functionName, false);
   }
   else if (obj.detachEvent) {
      obj.detachEvent("on" + eventType, functionName);
      obj[eventType + functionName] = null;
      obj["e" + eventType + functionName] = null;
   }
   else {
      obj[eventType + functionName] = null;
      obj["on" + eventType + functionName] = null;
      obj["e" + eventType + functionName] = null;
   }
}
// 이벤트 정의할때 ( 이벤트의 'on'접두사는 빼고 입력 )
addEvent(window,"load",eventFunction); // window.onload = function(){eventFunction();}; 와 동일
addEvent(document.getElementById("name"),"change",eventFunction);
// 이벤트 삭제할때
removeEvent(window,"load",pageSet);
removeEvent(document.getElementById("name"),"change",eventFunction);
// 이벤트 핸들러 함수
function eventFunction(e) {
   // 처리할 스크립트
}

 
이벤트 응용범위는 매우 방대하고 강력하기 때문에 CSS와 잘 섞어서 사용하면 플래시 부럽지 않은 효과를 연출할 수도 있습니다.
 
그리고 무한 반복 주의하세요.
가령 onresize 이벤트를 사용하여 창의 사이즈를 조절할때 창의 사이즈가 조절되면 다시 onresize 이벤트가 작동하게 됩니다. 그러면 또 사이즈를 조절하고 또 작동하는 식으로 무한루프에 빠지게 됩니다.
그러니 논리적인 알고리즘 설계가 중요해요. (저도 한번씩은 꼭 실수하고 넘어가는 부분...)
 
스크립트는 최소한 3종류 이상의 브라우저에서 테스트를 하세요. (다하면 좋겠지만...)
 
틀린 내용 있다면 지적해 주세요.

728x90
반응형
728x90
반응형

익스플로러의 고질적인 문제인 호환성 보기 문제로 인하여 이를 각페이지별로 meta 태그를 생성할 수는 없어서 
이에대해 서블릿의 Filter 를 구현한 IeEmulateFilter 클래스를 개발하여 모든 요청에 대한 응답에  res.setHeader("X-UA-Compatible", "IE=8"); 를 
내려주도록 하여 IE-8 로 에뮬레이트가 고정되도록 하였다. 
아래는 IeEmulateFilter 클래스이다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
package org.springframework.web.servlet;
 
import java.io.IOException;
 
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
/**
 *         IE 일경우 호환성 보기로 변경해주는 Filter
 *         @author digimon1740
 * */
public class IeEmulateFilter implements Filter {
 
    public void destroy() {}
 
    public void doFilter(ServletRequest servRequest, ServletResponse servResponse,
            FilterChain chain) throws IOException, ServletException {
        
        HttpServletRequest req = (HttpServletRequest)servRequest;
        HttpServletResponse res = (HttpServletResponse)servResponse;
        
        String userAgent = req.getHeader("User-Agent");
        
        if(userAgent.indexOf("MSIE")!=-1 || userAgent.indexOf("Trident")!=-1) //    IE일때
                res.setHeader("X-UA-Compatible", "IE=8");
        
        chain.doFilter(req, res);
    }
 
    public void init(FilterConfig config) throws ServletException {}
 
}
 


WEB-INF/web.xml 에 아래의 filter 태그를 작성해준다.


1
2
3
4
5
6
7
8
9
10
11
 
     <filter>
          <filter-name>ieFilter</filter-name>
          <filter-class>
               org.springframework.web.servlet.IeEmulateFilter
          </filter-class>
     </filter>
     <filter-mapping>
          <filter-name>ieFilter</filter-name>
          <url-pattern>/*</url-pattern>
     </filter-mapping>


728x90
반응형

'JAVA' 카테고리의 다른 글

Locale 클래스를 이용한 표준 국가 명 한글로 얻어오기  (1) 2014.07.01
Quartz 라이브러리 연동을 통한 스케쥴러 구현  (0) 2014.06.06
외부 설정파일을 읽어들여 값을 반환하는 ConfigInjector 클래스  (0) 2014.05.06
파일확장자를 필터링 하는 클래스 - FileExtFilter  (0) 2014.03.06
String,StringBuffer,StringBuilder 이 세가지중 무엇을 써야 할까요?  (0) 2013.11.09
728x90
반응형

간단하게 파일확장자를 체크하는 클래스를 만들어보았다. 
기본적으로 확장자의 대소문자를 구분하여 필터링 시킬 확장자를 포함한 파일에 대해 에러 및 flag값을 발생시킨다.
업무적으로 보안취약점 중 "웹쉘 업로드" 부분떄문에 아래와 같은 유틸리티 클래스를 개발 하여 취약점을 해결하였다. 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import java.io.File;
import java.io.IOException;
 
public class FileExtFilter {
 
    /**
     * 파일의 확장자를 체크하여 필터링된 확장자를 포함한 파일인 경우에 예외를 발생한다.
     * @param file
     * */
    public static void badFileExtIsReturnException(File file) {
        String fileName = file.getName();
        String ext = fileName.substring(fileName.lastIndexOf(".") + 1,
                fileName.length());
        final String[] BAD_EXTENSION = { "jsp", "php", "asp", "html", "perl" };
 
        try {
            int len = BAD_EXTENSION.length;
            for (int i = 0; i < len; i++) {
                if (ext.equalsIgnoreCase(BAD_EXTENSION[i])) {
                    // 불량 확장자가 존재할떄 IOExepction 발생
                    throw new IOException("BAD EXTENSION FILE UPLOAD");
                }
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
 
    /**
     * 파일의 확장자를 체크하여 필터링된 확장자를 포함한 파일인 경우에 true를 리턴한다.
     * @param file
     * */
    public static boolean badFileExtIsReturnBoolean(File file) {
        String fileName = file.getName();
        String ext = fileName.substring(fileName.lastIndexOf(".") + 1,
                fileName.length());
        final String[] BAD_EXTENSION = { "jsp", "php", "asp", "html", "perl" };
 
        int len = BAD_EXTENSION.length;
        for (int i = 0; i < len; i++) {
            if (ext.equalsIgnoreCase(BAD_EXTENSION[i])) {
                return true; // 불량 확장자가 존재할때..
            }
        }
        return false;
    }
    
 
 
}
 


728x90
반응형

'JAVA' 카테고리의 다른 글

Locale 클래스를 이용한 표준 국가 명 한글로 얻어오기  (1) 2014.07.01
Quartz 라이브러리 연동을 통한 스케쥴러 구현  (0) 2014.06.06
외부 설정파일을 읽어들여 값을 반환하는 ConfigInjector 클래스  (0) 2014.05.06
Filter 클래스를 이용한 호환성보기 헤더 변조  (0) 2014.03.17
String,StringBuffer,StringBuilder 이 세가지중 무엇을 써야 할까요?  (0) 2013.11.09

+ Recent posts

티스토리툴바