Duck's Log Duck's Log

어뎁터 패턴 (Adapter Pattern) : 한 클래스의 인터페이스를 클라이언트에서 사용하고자 하는 다른 인터페이스로 변환한다. 이 패턴을 사용하면 다른 인터페이스와의 호환성 문제를 해결할 수 있다. 여기서 말하는 어뎁터(Adapter)를 설명하자면.. 보통 직구를 해서 전자제품을 구매하거나, 해외여행을 갈 때 한국과는 다른 규격의 전기 플러그를 사용할 때가 있습니다. 그럴때 보통 '돼지코'라고 불리는 플러그 변환 어뎁터를 씁니다. 이 어뎁터가 특정 규격의 플러그를 다른 플러그와 호환이 가능하게 하듯이, 객체 지향 프로그래밍에서도 비슷하게 사용할 수 있습니다. A시스템사는 몇년 전 부터 식권 발매 시스템을 개발하여 운영하고 있습니다.이 시스템이 안정적으로 운영되면서 최근 같은 사업을 하던 G그룹이 인..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748//문자열을 제외하고 소수점 이하까지 가져오는 정규식 (ex) 233.33px -> 233.33)window.REGEX_TRIM_DIM_SIZE_EXTEND = /(?=\D)(?=^\.)/; //Footer Object function Footer(){ let $footer; (function(){ $footer = $("footer"); })(); //Footer의 높이를 반환하는 함수 this.getFooterHeight = function(){ let footerHeight = $footer.css("height").replace(window.R..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748function TimeChecker() { let startTime; const TIME_INTERVAL = 2000; this.validateOverInterval = function () { let endTime = new Date().getTime(); if (endTime - startTime = TIME_INTERVAL) { startTime = new Date().getTime(); return true; } } } window.onload = function(){ let timeCheckerTest = new TimeChecker(); ..

Jquery UI와 부트스트랩을 함께 사용할 때 충돌이 일어나는 문제가 발생한다. 문제가 ToolTip을 사용할 때 서로 충돌이 일어나는데, 나 같은 경우는, 같은 HTML 소스가 계속 추가되었다. 이를 해결하기 위해서는 라이브러리 파일을 import 시킬 때, Jquery와 Jquery UI를 먼저 import 시킨 후에, 부트스트랩을 import 시켜야 한다.

let copyedChild = $.extend(true, {}, selectedChild) copyedChild 변수에 selectedChild 객체의 모든 요소를 깊은 복사하여 초기화한다.

a java runtime environment (jre) or java development kit (jdk) must be available in order.. 으로 시작하는 에러가 떴다. 뭐 자바 실행파일을 찾을 수 없어서 에러가 났다는데.. 해당 경로를 확인해 보니 jre 버전이 1.8.0.191로 업데이트가 되어있었다. 환경변수는 잘 잡혀있으니 문제가 없는데.. 중요한건 버전이 바뀐 JRE 새 경로를 등록해 주어서 이클립스가 찾을 수 있게 해 주어야 했다. 그렇게해서 구글링 하던 중 발견한 해결 방법. 1) 이클립스 설치폴더로 가서 eclipse.ini 파일을 연다 2) -vm 이라는 항목을 찾아서 변경된 jre 실행 경로로 바꿔준다. (가상머신 설정 관련된 것인듯) -vmC:\Program F..

Jquery 함수 중 특정 DOM 노드를 복사하면, $("#node").clone()을 사용하면 된다. 만약 이벤트요소 까지 전부 복사하려면 $("#node").clone(true)을 사용하면 된다.

123let checker = $._data($("#node")[0], "events");console.log(checker);console.log(checker && checker.dblclick);cs $.data를 사용하면 특정 노드에 적용된 이벤트를 확인할 수 있다. 만약 특정 이벤트가 존재하고 있을시 어떤 로직을 수행하게 하고 싶다면 12345if(checker && checker.dblclick){ //..write code that want to execute. }Colored by Color Scriptercs if문으로 검사해서 사용하면 된다. 위의 예시는 더블클릭 이벤트가 걸려있을 시 특정 로직을 수행하는 코드이다.