개인적인 정리

HTTP 상태 코드의 첫 번째 자리는 요청이 어떻게 처리되었는지 나타내주는 매우 일반적인 코드로 1부터 5를 사용한다. 1xx : 정보(Information) - 이 응답코드들은 HTTP 클라리언트와 서버 사이에서 연결 협상을 할 때만 사용 2xx : 성공(Successful) 3xx : 리다이렉션(Redirection) 4xx : 클라이언트 오류(Client Error) 5xx : 서버오류(Server Error) 위키에는 1xx (정보): 요청을 받았으며 프로세스를 계속한다 2xx (성공): 요청을 성공적으로 받았으며 인식했고 수용하였다 3xx (리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요하다 4xx (클라이언트 오류): 요청의 문법이 잘못되었거나 요청을 처리할 수 없다 5xx (서버 오류..

red class 에 background color 가 들어가 있을 때 아래와 같이 backgroundcolor 에서 색상을 제거해준다. c_red, .red { color: #e13d00; background-color: transparent !important; }

게시판에서 데이타를 불러오다가 엑박이 뜨는 경우 태그안에 onerror="this.src='/images/index/logo.png'" 를 사용하여 기본이미지를 지정할 수 있다. 여태 개발로 처리했었는데... 이렇게 하니 쉬워서 좋다.

ie에서 호환성 보기가 설정되어 있으니 display:inline-block가 안먹는다. 뭐 이딴 경우가... 조선시대로 돌아간 기분이다. .list_1st > li --> .list_1st > li 처럼 zoom:1; *display:inline; !important 을 추가해줬더니 된다.

html2canvas github : https://github.com/niklasvh/html2canvas/releasesdocumentation : http://html2canvas.hertzen.com/documentation.html 브라우저내에서 화면캡쳐해서 저장하는데 사용할 수 있다. canvas를 사용하니 html5이상에서만 될 듯 하다. 화면내에서 다음지도와 같이 다른 사이트의 내용을 불러오는 경우 option을 이용하여 캡쳐를 할 수는 있으나 저장이 되지는 않는다. var element = $("#visitMap"); // global variablevar getCanvas; // global variable //캡쳐 $("#btn-Preview-Image").on('click', fun..

Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. 지도화면을 캡쳐해서 저장할려고 할 때 발생하였다. 어느 사이트에서 다음지도를 불러와서 보여주는데...그 사이트내에서 지도화면을 캡쳐해서 저장하고자 하는데 발생.. 캡쳐까지는 성공 이유는 cross-domain 문제로 보인다. 동일한 도메인내의 화면, 지도가 아닌 다른 화면을 캡쳐해서 저장하는데는 문제가 없었으나 다음지도를 불러오는 사이트내에서 다음지도를 캡쳐해서 저장할려고 하니 발생 위 에러를 만나지 않게 하려면 canvas 사용시 toDataURL을 사용할 때 같은 도메인내에 있는 것을 가지고 작업해..

.tooltiptxt_air { display: inline-block; position: absolute; left: 0px; top: -43px; border: 1px solid #aaa; border: 1px solid rgba(0,0,0,.2); border-radius: 5px; padding: 10px; color: #666; background-color: #fff; z-index: 1001; width: 230px; font-size: 11px; letter-spacing: -1px; display: none;} 아래 방식에서 위 방식으로 변경 [data-tooltip-text]:hover { position: relative; } [data-tooltip-text]:hover:after ..

원하는 화면보다 이미지가 넘치는 경우 사용