728x90 반응형 분류 전체보기287 JavaScript] Event delegation 출처 : https://javascript.info/event-delegation Capturing, bubbling은 강력한 event handling 패턴인 event delegation의 구현을 가능하게 해준다. 많은 elements를 비슷한 방식으로 handle할 때, 각각 handler를 할당하는 것이 아닌 공통 ancestor에만 하나의 handler를 할당할 수 있다. handler에서 우리는 event.target으로 event가 실제로 어디서 발생하는지 알 수 있다. Ba-Gua diagram을 예로 들어보자. HTML은 다음과 같다. Bagua Chart: Direction, Element, Color, Meaning Northwest Metal Silver Elders ... ... .. 2022. 12. 9. C#] MSSQL AES128/256, SHA256 암복호화 어셈블리 DLL 만들기 1. SQL Server 데이터베이스 프로젝트 생성 2. 프로젝트 선택 후 추가 -> 새항목 -> SQL CLR C# -> SQL CLR C# 사용자 정의 함수 추가 3. Crypto.cs 파일 추가 총 9개 함수 추가 AES128/256 암복호화에 base64 인코딩을 사용했다. (HEX option도 있음) encryptAES128 : class내 KEY를 이용하여 AES128 암호 decryptAES128 : class내 KEY를 이용하여 AES128 복호 encryptAES128_pw : KEY를 parameter로 전달받아 AES128 암호 decryptAES128_pw : KEY를 parameter로 전달받아 AES128 복호 encryptAES256 : class내 KEY를 이용하여 AES2.. 2022. 12. 9. Web APIs - Console API Console API는 디버깅을 실행할 수 있는 기능들을 제공한다. 다양한 브라우저에서 구현하고 있으며, 일관된 동작을 위해 Console API spec이 지정되었다 https://console.spec.whatwg.org/ 사용법 console object는 window object의 property로, window.console 또는 console로 접근이 가능하다. console.assert(expression, message) : expression이 false일때 message를 write한다. console.assert(document.getElementById("demo"), "You have no element with ID 'demo'"); console.clear() : console.. 2022. 12. 5. C#] Windows 서비스에 설치 관리자 추가 출처 : https://learn.microsoft.com/ko-kr/dotnet/framework/windows-services/walkthrough-creating-a-windows-service-application-in-the-component-designer installutil.exe를 이용해서 윈도우 서비스 설치하니 아래와 같은 오류가 발생했다. 어셈블리 'd:\api\bin\TestService.exe'을(를) 설치하고 있습니다. 영향을 받는 매개 변수: logtoconsole = assemblypath = d:\api\bin\TestService.exe logfile = d:\api\bin\BizNumService.InstallLog d:\api\bin\TestService.exe 어셈블.. 2022. 11. 24. JavaScript] Event Bubbling and capturing 출처 : https://javascript.info/bubbling-and-capturing If you click on EM, the handler on DIV runs. handler는 에 할당 되었지만, 내부의 또는 어느 것을 클릭해도 동일하게 실행된다. Bubbling bubbling 원칙은 단순하다. 한 element에 event 발생 시, 맨처음 element에 있는 handler가 실행되고 그 다음 부모 그 다음 부모로 실행된다. FORM > DIV > P로 중첩된 elements가 있고, 각자 handler가 있다. FORM DIV P p를 클리갛면 p -> div -> form 순으로 alert을 볼 수 있다. 대부분의 event는 bubble이다. 예외로 focus event는 bubb.. 2022. 11. 23. JavaScript] DOM events, Event handler, addEventListener 출처 : https://javascript.info/introduction-browser-events '이벤트'란 무언가 발생했다는 신호이다. Mouse events click contextmenu mouseover/mouseout mousedown/mouseup mousemove Keyboard events keydown/keyup Form element events submit focus Document events DOMContentLoaded - DOM전체 생성 시 CSS events transitioned - CSS-animation 종료 시 Event handlers event에 반응하기 위해, handler(event발생 시, 실행하는 함수)를 할당한다. handler할당에 여러 방법이 있다.. 2022. 11. 22. 이전 1 ··· 18 19 20 21 22 23 24 ··· 48 다음 728x90 반응형
