티스토리

Lv.Max 를 꿈꾸는 개발자 블로그
검색하기

블로그 홈

Lv.Max 를 꿈꾸는 개발자 블로그

fimtrus.tistory.com/m

모 기업에서 모바일(안드로이드, 하이브리드) 개발자로 재직하고 있습니다.

구독자
0
방명록 방문하기
공지 공지사항. 모두보기

주요 글 목록

  • [html] Dom 돔 마우스 이벤트 무시, 제거, 비활성화 웹 화면에 로고와 같이 화면에는 보여야 하지만 클릭이 되지 않아야 하는 뷰가 있을 경우. 아래와 같이 style을 적용시키면 해당 화면에 대한 마우스 이벤트는 사라지게 된다. pointer-events: none; HTML 코어에서 정의된 마우스와 관련된 이벤트를 비활성화한다. 공감수 0 댓글수 2 2018. 2. 28.
  • [jQuery] 제이쿼리에서 아이템 동적 추가후 스타일 적용 문제(select, listview 등) 리스트뷰에만 해당하는 것은 아니고, 모든 jquery 위젯에 해당하는 문제인데, 아이템들을 동적 추가하면 jquery에서 자동으로 추가하는 class 들이 해당 dom에 추가되지 않는다. jquery는 html 화면을 불러들일 때, html을 파싱해서 각각 태그에 맞게 클래스를 추가하게 된다. dom을 동적으로 추가할 경우, 이 로직을 타지 않기 때문에 jquery 스타일이 적용되지 않는다. 이 문제를 해결하기 위해서는 1줄만 추가해주면 된다. - listview$jqueryObject.listview('refresh') - select$jqueryObject.selectmenu('refresh') 동적 추가후 화면이 제대로 적용이 되지 않는다면! refresh를 꼭 해주자! 공감수 0 댓글수 0 2017. 5. 11.
  • [HTML] a 태그에 이미지가 보이지 않는다면 a 태그에 이미지를 넣을 경우, 사이즈가 0으로 잡혀 이미지가 보이지 않는다. 스타일에 display:block; 을 지정하게 되면 정상적으로 이미지가 보이게 된다. 공감수 0 댓글수 0 2017. 5. 11.
  • [Javascript,Java]ReplaceAll 에서 점, dot(.) 문제 해결하기. 자바스크립트에는 replaceAll이 존재하지 않는데 기본으로 제공하는 것처럼 포스팅 했군요. replaceAll 관련 function을 추가하는 포스팅을 했었는데요. 관련 페이지를 첨부합니다. [Javascript] 자바스크립트에서 replaceAll 하기 (Click!) ====================================================================================== 자바스크립트에서 replace를 사용하였을때 점(.)이 다른 문자로 잘 치환되나, replaceAll을 사용하였을 경우 모든 문자로 인식하는 문제점이 있다. 물론 자바에서도 마찬가지 인데, 간단하게 아래와 같이 사용하면 점(.)을 다른 문자로 치환할 수 있다. //replaceAl.. 공감수 2 댓글수 0 2015. 10. 8.
  • [Javascript] backspace, delete 키 이벤트 잡기 웹에는 많은 이벤트들이 존재하는데요. 흔히 키 입력이벤트를 잡아낼 때, keypress 또는 keyup 이벤트를 사용합니다. 하지만...두 이벤트들은 backspace, delete 키는 잡아내지 못한다는 점... 두 이벤트를 포함해서 잡아내고 싶을때는 "keydown" 을 사용하시면 됩니다. 아래의 필드에 키를 입력해 보시면 이벤트 차이를 알 수 있습니다. - keypress - keydown 공감수 4 댓글수 0 2015. 6. 8.
  • [Javascript] 커스텀 이벤트 만들기. jQuery의 경우 trigger를 통해 간단하게 커스텀이벤트를 만들 수 있다. 하지만 실제로는 약간은...복잡한 형태로 되어 있다. - 샘플코드 var customEvent; if (document.createEvent) { customEvent = document.createEvent("HTMLEvents"); customEvent.initEvent("fimtrus", true, true); } else { customEvent = document.createEventObject(); customEvent.eventType = "fimtrus"; } if (document.createEvent) { mtk.now.inputObj.dispatchEvent(customEvent); } else { mtk.. 공감수 1 댓글수 2 2014. 10. 31.
  • [Javascript] get으로 넘어온 파라미터를 Object 형태로 변환 아래와 같이 데이터가 주소에 포함되어 있을 때, 하나하나 꺼내오려면 상당히 귀찮다(어렵진 않지만...) http://fimtrus.tistory.com/1?data1=123&data2=1234 화면이 로딩되는 시점에서 아래 function을 넣어주면 주소에 포함되어 있는 파라미터 값들을 편하게 들고 올 수 있다. /** * @author jonghyun.jeong * @since 2014.04.01 * URL과 함께 넘어온 데이터들을 리턴한다. */ function getUrlValue( key ) { var valueObject = {}, hash, value; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1)... 공감수 0 댓글수 0 2014. 10. 21.
  • 자바스크립트 난독화(패킹, 언패킹) 자바스크립트는 "소스보기"를 통해 외부에 노출된다.(아래는 모 사이트 난독화 적용화면) 그러기에 더욱 난독화의 적용이 필요하다.(난독화를 적용한다고 해서 소스 분석이 안되는 것은 아니다. 단지 보기 힘들뿐) 웹을 통해 난독화를 적용시킬 수 있는 사이트를 소개한다. 난독화 (click)난독화 해제 (click) 출처 : 박종명의 아름다운 개발 공감수 0 댓글수 0 2014. 10. 14.
  • [Javascript] Iframe document 얻기. query에는 css 선택자를 넣어주면된다 ex) getFrameDocuement("#frame1"); function getFrameDocument( query ) { var frame = document.querySelector( query ); if (frame == null) return; var frameDocument = frame.contentWindow || frame.contentDocument; return frameDocument; } 공감수 0 댓글수 0 2014. 8. 13.
  • [Javascript] String byte check. 스트링 바이트 체크 (한글). 자바스크립트에서 스트링 길이를 구할 때, 한글 길이와 영문길이를 같이 계산하는 경우가 대부분이다. 하지만, 한글의 경우 2byte로 계산해야 정상적인 계산이라고 볼 수 있는데, 구글링 중 어느 블로그를 통해 계산법에 대해 알게 되었다. 현재 string의 byte 수를 구하는 function 이다. String.prototype.getBytes = function() { var contents = this; var str_character; var int_char_count; var int_contents_length; int_char_count = 0; int_contents_length = contents.length; for (k = 0; k < int_contents_length; k++) { s.. 공감수 0 댓글수 0 2014. 8. 13.
  • [Javascript] 자바스크립트에서 replaceAll 하기. 자바에서는 친절하게 replaceAll을 제공하지만 자바스크립트는 제공하지 않는다. 결국 해당 function을 만들어주는 수 밖에 없다.. 마찬가지로 웹페이지 로드될 때, 아래코드를 추가시켜주면된다. String.prototype.replaceAll = function() { var a = arguments, length = a.length; if ( length == 0 ) { return this; } var regExp = new RegExp( a[0], "g"); if ( length == 1 ) { return this.replace(regExp, ""); } else { return this.replace(regExp, a[1]); } return this; } 공감수 0 댓글수 0 2014. 8. 8.
  • [Javacript] Array remove Index 배열 삭제 자바스크립트의 Array 객체 ( [] 대괄호를 통해 생성 또는 new Array 로 생성하는 경우) 에는 배열 객체를 삭제하거나, 인덱스를 입력받아 삭제하는 function이 없다. 물론 splice나 split 등의 function을 이용하면 되긴 하지만, 익숙하지 않은 사람들에게는 상당히 귀찮은 작업이다. 그래서 function을 미리 만들어 놓고 사용하는데, 이것도 마찬가지로 웹페이지가 로드될 때 코드를 추가해주면 모든 Array가 아래 function들을 가지게 된다. Array.prototype.remove = function() { var what, a = arguments, L = a.length, ax; while (L && this.length) { what = a[--L]; while.. 공감수 0 댓글수 0 2014. 8. 8.
  • [Javascript] Date format 추가. 자바스크립트에서 Date 객체에 대한 format function을 지원해 주지 않는다. 해서..... 포멧을 만들려면 상당히 귀찮은 작업을 해야하는데, 아래 코드를 웹페이지 로드될 때, 추가해주면 format function 을 사용할 수 있다. Date.prototype.format = function(f) { if (!this.valueOf()) return " "; var weekName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var d = this; return f.replace(/(yyyy|yy|MM|dd|E|HH|hh|mm|SSS|ss|a\/p)/g, function($1) { switch ($1) { case "yyyy": return.. 공감수 0 댓글수 0 2014. 8. 8.
  • [Web] window.print() 로 원하는 영역 인쇄하기. window.print 함수를 사용하여 인쇄할 때의 영역은 document.body 의 innerHTML이 잡히게 된다. 흔히 많이 사용하는 것중에 하나로, 원하는 영역의 html을 body에 넣어서 인쇄하는 방법이다. 하지만 single page 기반이나, jsp를 사용하지 않는 순수한 html의 경우 이방법을 사용하였을 때, 페이지가 거침없이 깨지는 경우가 대부분이다. 그래서 새창을 통해 인쇄하는 방법을 사용한다. 먼저 팝업 윈도우하나를 선언한다. 이때 새창이 생기게 되고, 정상적으로 열렸다면 popupWindow에는 새창에 대한 window 객체가 들어오게 된다. 팝업 차단으로 인해 열리지 않았을 경우 popupWindow 에는 undefined가 리턴되게 된다. var popupWindow = w.. 공감수 2 댓글수 0 2014. 6. 19.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.