dalpang.e

본문 바로가기

🗣 Language에 해당하는 글들

47 Articles matched

목록이 없습니다.

[Javascript] 모든 마우스 클릭 이벤트 막는방법 클릭 이벤트 전체 block 혹시나 또 사용하거나 다른사람이 찾아볼까봐 정리해봅니다. 이걸 많이 쓰지는 않겠지만 혹시나! 쓰실분은 쓰시기 바랍니다. 모든 클릭 이벤트를 막아줄 이벤트 설정 (mouse click event blocking) var stopFunc = function(e) { e.preventDefault(); e.stopPropagation(); return false; }; var all = document.querySelectorAll('*'); for (var idx in all) { var el = all[idx]; if (el.addEventListener) { el.addEventListener('click', stopFunc, true); // have to true } } ..

[Javascript] byte 데이터를 string 문자열로 변환하기 byte 데이터를 string 문자열로 변환하기 request를 capturing하는것을 구현하다가 request의 파라미터 데이터가 byte로 되어있는것을 보고는 절망을 하였습니다. byte는 딱 보기에 사람이 읽을 수 없기 때문에 이를 어떻게 할지.. 막막했는데 capturing하는 부분이 javascript 문법이어서 이것을 어떻게하지 하다가 찾아보니 stackoverflow에 답이 있었습니다. 생각보다 간단합니다. byte to string code 1. Object.prototype.toString 메서드 사용하여 문자열로 변환 var byte = var str = byte.toString(); var utf8_str = byte.toString('utf8'); 2. 생성자 없이 String을 ..

[JAVA] java.security.cert.CertificateException: No name matching some_name found Problem public class UrlConnectionTest { public static void main(String[] args) throws Exception { URL url = new URL("http://example.com"); URLConnection conn = url.openConnection(); InputStream in = conn.getInputStream(); // occur error } } Caused by: javax.net.ssl.SSLHandshakeException: java.security.cert.CertificateException: No name matching some_name found at com.sun.net.ssl.internal.ssl.Al..

[Javascript] Object의 key 목록 나열하기 AngularJS에서 custom filter를 만들어 보고 있는데 파라미터 값으로 object(객체) 형식을 넘겼습니다. 근데 filter안에서 받고 보니까 오브젝트 안에 어떤 키가 있는지 모르겠어서 어떻게하면 키 값을 뽑아내서 그 키값을 통해 또 동일한 형태의 객체에 접근할 수 있을까를 고민하다 보니 Javascript에 이미 있는걸 알고 이렇게 정리해봅니다. 문법은 다음과 같습니다. var obj = { "key1" : "value1", "key2" : "value2" } var keys = Object.keys(obj); console.log(keys); for ( var i in keys ) { console.log(keys[i] + " : " + obj[keys[i]]); } [실행결과][ '..

키코드 테이블 키 이벤트를 처리할 때 항상 찾는것이 있습니다. 바로 키 코드 인데요 키보드의 어떤 키가 눌렸을 때 컴퓨터가 받아들이는 값을 바로 키 코드라고 표현합니다. 키보드의 키가 적지 않은 편이기 때문에 다 외우는건 힘든데요 매번 블로그를 찾으면 금방 나오기는 하지만 제 블로그에 직접 정리해두면 더 좋을 것 같아서 해봅니다. ←(백스패이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27 스패이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36 ←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40 INSERT..

[웹 프로그래밍] GET 방식으로 query string 넘길 때 특수문자 사라짐 현상 웹에서 GET방식으로 어떤 값을 넘겨줄 때 간혹 제대로 나오지 않는 문자가 있습니다. 바로 특수문자중에 +와 &인데 GET방식으로 하면 Query String으로 URL의 뒤에 '?'문자와 함께 같이 붙어져서 URL을 구성합니다. Query String 방식으로 넘겨주면 +와 &는 생략이 되는데 저같은 경우는 검색 기능을 넣을 때 버그사항으로 경험했습니다. 검색어 중에 (+)와 같은 기호가 들어가는 부분이 있었는데 +가 생략되는 바람에 엉뚱한 결과물이 나오거나 아예 안나오는 상황이 발생했습니다. 이는 해결 방법은 간단합니다. 해결방법 간단하게 URI의 인코딩 방식인 퍼센트 인코딩(percent-encoding)으로 인코딩을 해주면 됩니다. 퍼센트 인코딩에 따르면 알파벳이나 숫자 등 몇몇 문자들을 제외한 ..

[css] white-space 속성 알아보기 웹사이트를 개발하다보면 줄바꿈이 잘 안되어 있거나 테이블 레이아웃 안에 글들이 테이블 밖으로 삐저 나와있거나 짤리는 현상을 마주하곤 합니다. 이럴때마다 사용하게되는 CSS 속성이 바로 오늘 정리할 white-space입니다. white-space는 스페이스와 탭, 줄바꿈, 자동줄바꿈을 어떤식으로 처리할 건지 정의해주는 속성입니다. 특징 기본값 : normal상속 : O애니메이션 : X버전 : CSS Level 1 사용법(문법) white-space: normal | nowrap | pre | pre-wrap | pre-line | initial | inherit initial은 기본값인 normal로 설정하는 것이고, inherit은 부모 요소에 설정되어있는 속성값을 상속받는 것입니다. 스페이스와 탭 줄..

file input clear 웹 개발을 하다가 보면 보안 문제에 부딪히는 경우가 있다. 큰 보안 문제도 있는 반면 사소한 보안 문제도 있는데 개발을 하다 보면 file 타입의 input태그를 초기화 해주고 싶은 경우가 생긴다. 예를들면 form안에 file 타입의 input태그가 있고 사용자에 의해 form의 요소들이 전부 빈 값으로 초기화되기를 원하는 상황이 있을 수 있다. 그럴 때 아래와 같이 해주면 file 타입의 input태그를 clear할 수 있다. 제이쿼리 (jQuery) $("input[type='file']").val(null); AngularJS angular.element("input[type='file'").val(null); 위에서 언급한 보안문제는 웹상에서는 보안상의 문제로 js수준에서 file타입의 inpu..

1 2 3 4 5 6

티스토리툴바