너와 나의 프로그래밍

[HTML] span 태그에서 onblur 적용하기. 사실 span은 일반적으로 onblur를 사용할 수가 없다. 마찬가지로 div도 onblur를 사용할 수가 없다. onblur나 focus는 "입력요소"(예를들어 input)만 적용할 수 있다. 하지만 꼭! 써야되는 상황이 있었다. TEST span 태그에 "tabindex"를 0으로 설정하여 focus를 주는 방식이 있었다. tabindex 관련 자료는 구글 검색에서도 많이 볼 수 있다. tabindex를 0으로 줬을 시 focus가 생기는데 이때 선택된 엘리먼트에 테두리가 생기는 현상이 생겼다. span { outline: none;/* 선택을 했을 때 테두리가 보이는 현상을 처리 */ } tabindex를 설정 할 시 Chrome 브라우저에서만 ..

IE8 이후 버전의 Textarea는 자동으로 늘어나지 않는다. ex) function keyup(obj) { obj.style.height = '1px'; obj.style.height = (obj.scrollHeight) + 'px'; } 이런식으로 스크립트 처리를 해서 자동으로 줄바꿈이 될 수 있도록 처리를 하였다.

산지 3일만에 발견된 HP 배터리 문제. 이걸로 진짜 고생 많이 한듯;; 혼자서 구글 찾아보면서 해결해보고 했지만 모두 실패. 실제로 HP가 배터리 불량 문제가 굉장히 많은거 같다.(나와 같은 상황의 사람들이 많았다.) 그래서 해결책은 "배터리 불량이니 센터 전화해서 A/S 신청하세요"가 답이였다. 괜히 이것저것 만지지 말고 그냥 센터에 전화를 하자. 아니면 요즘 HP에서는 카톡으로 상담도 가능하니 카톡상담도 괜찮은거 같다. 기사님 오시자 마자 배터리 불량인거 단번에 눈치 채고 바로 불량이라고 교체해주셨다. A/C가 연결된 상태에서 배터리의 충전불이 안들어오면 무조건 배터리 문제란다. 사실 이 부분은 판매처에서 테스트를 할 수 없는 상황이라 판매처한테 뭐라고도 할 수 없고, HP에서 신경좀 써줬으면 좋겠..

[Javascript] Chrome에서 TextBox를 onblur->focus를 했을 때 무한 루프 현상 다른 브라우저(Edge, FF, IE)에서는 발생하지 않았으나, Chrome에서만 발생하는 문제가 있었다. window.onload = function() { var input = document.getElementById("test"); input.addEventListener("blur", function() { if (confirm("confirm")) { alert("true."); } else { alert("false."); input.focus(); } }); } input이 blur가 되면 confirm창으로 확인/취소를 하고 취소를 하면 input에 다시 focus를 주는 기능을 구..

Edge 브라우저에서 작업을 하는 도중 FF, Chrome, IE는 정상적으로 사이즈가 나오나, 이상하게 Edge만 popup사이즈가 안맞는 문제가 발생했다. 넓이를 230으로 길이를 265로 준 상황이다. 하지만 Edge 브라우저에서만 넓이가 정상적으로 적용되지 않았다. 이유인 즉슨, Edge 브라우저의 최소 넓이가 320px이란다...(이거 찾느라고 진짜 개고생한거 같다) https://stackoverflow.com/questions/50849698/edge-browser-window-open-size/50851521#50851521 (▲질문&답변) 스택오버플로우에서 질문을 했었는데 진짜 오랜시간동안 해결하지 못한 문제를 누군가가 답변해 주었다. https://developer.microsoft.c..

[JAVA] 정규식 - 해당 문자열 찾기 정규식의 대해서 공부를 하다가 문득 궁금한 점이 있어서 네이버 지식 in에 질문을 하게 되었다. (실제로 정규식 코드를 다 외우고 있는 사람이 있을까 싶다;;;) 위 내용을 간략하게 설명하자면 많은 문자열 중에 자신이 원하는 문자가 포함된 문자열만 찾고 싶은 것이다. 이런식으로 답장이 왔다.(답변해 주신 분 너무 고맙습니다 ㅠㅠ...) Pattern pattern = Pattern.compile("(\\b\\S*Hello\\S*\\b)"); 위 코드를 분석하는데 꾀 어려웠다;; 정규식 잘하시는 분들 진짜 부럽다;; 1. "()"