wrkbrs

javascript에서 addEventListener 함수를 이용하여 DOM Element에 이벤트 처리 함수를 추가할때 Capturing 과 Bubbling 두가지의 전달방식을 선택할 수 있다. 1. Capturing - Capturing은 이벤트가 발생한 target element의 최상위 부모부터 target element까지 순차적으로 내려오면서 이벤트가 전달되는 방식 (TopDown 방식?) 2. Bubbling - Bubbling은 이벤트가 발생한 target element부터 최상위 부모까지 순차적으로 올라가면서 이벤트가 전달되는 방식 (BottomUp 방식?) - 이벤트 처리 함수의 매개변수인 Event객체의 event.stopPropagation()함수를 이용해 부모 노드로 이벤트가 전달..

https://stackoverflow.com/questions/41904199/whats-the-point-of-button-type-button

https://stackoverflow.com/questions/3442394/using-text-to-retrieve-only-text-not-nested-in-child-tags

[jQuery] 자식제외 클래스의 텍스트 선택하기선택자를 사용하여 .content의 안녕만 나오게 하는 방법.content 안녕 .content-box 하세요 .box 반갑 .box 습니다. var text = $('.content').html().split('

웹 애플리케이션 보안 처리, 해결책 웹 애플리케이션을 개발하면서 대부분 요구사항에 맞는 주요 기능을 개발하는데 열을 올린다.주요 기능을 개발하는 것도 중요하지만 그것 못지 않게 아니면 더 중요한 것이 보안이다.해커가 공격하는 루트는 엄청나게 많지만 개발을 공부하는 입장에서 최소한의 방어를 가진 애플리케이션을 개발해야 한다.간단한 케이스 별로 정리를 해두겠다.1. 버그 없는 코드 유지- 대부분의 버그는 나쁜 것이며 버그가 보안 취약점을 일으킬 수 있다.버그를 최소화 하는 법1) 테스트 하기. 단위테스트부터 꼼꼼한 테스트는 버그를 줄일 수 있다.2) 코드 검토하기. 코드를 많은 사람들과 본다.3) 신뢰할만한 라이브러리 사용. 누군가 라이브러리를 만들었다면 잘 테스트되고 신뢰할만 한지 확인할 것.4) 좋은 코..

Input groups are extended Form Controls. Using input groups you can easily prepend and append text or buttons to the text-based inputs. For example, you can add the $ symbol, @ for a Twitter username, or anything else as required.Form groups are used to wrap labels and form controls in a div to get optimum spacing between the label and the control.Therefore, use both form-group and input-group a..

https://dummyimage.com/

By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute! https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_animation1

attr()인자에 따라 2가지로 사용할 수 있습니다. 하나의 인자만 있다면 속성값을 가져오는 것이고 2개의 인자를 쓰면 속성값을 요소에 부여하는 것입니다. 아래 2가지 사용방법에 대해 설명되어 있습니다.원문 링크 http://api.jquery.com/attr/함수들 attr( attributeName ).attr( attributeName ) attr( attributeName, value ).attr( attributeName, value ).attr( map ).attr( attributeName, function(index, attr) ).attr( attributeName )Returns : String개요 : 선택된 요소 집합에서 첫번째 요소의 attributeName에 해당하는 속성값을 반환..

function formatAMPM(date) { var hours = date.getHours(); var minutes = date.getMinutes(); var ampm = hours >= 12 ? 'pm' : 'am'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' minutes = minutes