출처: https://mygumi.tistory.com/315 [마이구미의 HelloWorld:티스토리] 중첩된 요소에 있어, 이벤트를 발생시킨다면 어떻게 될까?다음 예제를 확인해보자. target 을 클릭하게 되면, target -> child -> parent -> root -> body 순으로 알림창을 뜨는 것을 확인할 수 있다.보다시피 이벤트 핸들이 등록된 중첩된 요소들이 하위에서 상위순으로 이벤트가 전파되었다.위와 같이 중첩된 요소에서 이벤트가 발생할 때, HTML DOM API 의 이벤트 전파(Event Propagation) 는 두 가지 방식으로 구분된다.이 두 가지 방식이 바로 버블링과 캡처링이다.캡처링과 버블링을 간단히 정의하면 다음과 같다. *캡처링 - window 로부터 이벤트가 발생..
// option 삭제 $("#sel").find("option").each(function() { if(this.value != "") { $(this).remove(); } } // option 삭제 한줄로 $("#sel").children("option:not(:first)").remove(); // option 추가 var objsel = document.getElementById("sel"); var objOption = document.createElement("option"); objOption.text ="선택1"; objOption.value = "option1"; objsel.options.add(objOption); remove와 empty의 차이 !! empty : 선택된 요소의 하..
출처: jQuery에 내장되어있는 parseJSON(), parseXML(), parseHTML()을 이용하여 각 문서를 javaScript 객체로 가져와서 사용하는 방법을 알아 봅니다. JSON, XML, HTML 문서는 클라이언트와 서버가 통신할 때 요청/응답 전문 외에도 다양한 목적을 가지고 활용합니다. 특히 JSON은 텍스트이므로 cache나 code정의 등의 용도로도 쉽게 사용할 수 있습니다. 어떤 유형의 프로젝트에서도 문서를 parsing하여 javaScript 객체로 이용하는 경우는 흔히 볼 수 있습니다. 그러나 자바스크립트만으로 문서의 모델을 객체화하는 것은 꽤 복잡합니다. 또한, 브라우저에서 제공하는 Parser기능을 사용하면 버전 문제 등의 이유로 특정 브라우저와의 호환성 문제로 난처한..
출처 : https://nowonbun.tistory.com/368 [Javascript] Full calendar(스케줄 달력)의 사용법안녕하세요. 명월입니다. 이 글은 웹에서의 full calendar(스케줄 달력)의 사용법에 대한 글입니다. 우리가 웹 프로그램을 작성하게 되면 보통 네이버 같은 포털 사이트보다 회사나 여러가지 그룹등nowonbun.tistory.com초기날짜 설정이 가능하다. var calendar = new FullCalendar.Calendar( calendarEl, { height: '700px', // calendar 높이 설정 expandRows: true, // 화면에 맞게 높이 재설정 slotMinTime: '08:00', // Day 캘린더에서 시작 시간 slotMax..
출처 : https://error999.tistory.com/m/31 reduce는 배열에 계산처리를 할 때 유용하게 쓰일 수 있는 방법입니다. 배열의 사칙연산처리를 할 때 for문으로도 처리할 수 있지만 reduce로도 간단하게 가능합니다. reduce의 기본 포맷은 다음과 같습니다 .reduce()Array.reduce(function(acc, cur, idx, arr){ // acc = return처리로 값을 누적시킬 수 있는데 이때 return처리되는 값의 누적값 // cur = 현재 루프 돌고 있는 값 // idx = 현재 루프 돌고 있는 배열위치 // arr = 전체 배열 // return 처리를 할 경우 값이 acc에 값이 누적됨 }, value); // value = 초기값 - 첫번째 인덱..
출처: window.location.href 전체 URL 문자열을 가져옵니다. window.location.protocol 마지막 ':'를 포함한 프로토콜 정보를 가져옵니다. window.location.host URL의 호스트 정보를 가져옵니다. 위 예제는 포트번호가 없지만, 만약 URL에 포트번호가 있으면 ':'과 포트번호를 포함합니다. window.location.hostname URL의 호스트명을 가져옵니다. 이 값은 ':'과 포트번호를 포함하지 않습니다. 위 예제는 URL에 포트번호를 포함하지 않기 때문에 window.location.host와 window.location.hostname이 같습니다. 만약 URL이 'https://hianna.tistory.com:8080/325?category..
출처: Object.assign 함수를 이용하여 두 개의 JSON을 병합할 수 있습니다. var d = {a:1, b:2}; var c = {c:3}; Object.assign(d, c); // {a:1, b:2, c:3} 단, 같은 key 값을 가지고 있으면 뒤에 오는 JSON의 value값이 적용됩니다. var d = {a:1, b:2}; var c = {a:3, c:3}; Object.assign(d, c); // {a:3, b:2, c:3}
- Total
- Today
- Yesterday
- setter
- 정규식
- JQuery
- Keycode
- 프로젝트명변경
- 여러 컬럼 update
- CSS
- $.each
- Javascript
- draw.io
- caniuse
- QueryDSL
- element위치
- springboot
- devtools
- oracle
- object key
- getter
- @ExceptionHandler
- border-collapse
- 진열사랑
- lombok
- sumifs
- spring
- excel
- PostgreSQL
- DatePicker
- $.extend
- ul li로 테이블
- 전후방탐색
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |