출처 : https://velog.io/@sophia9901/CSS-%EA%B0%80%EB%A1%9C%EB%B0%B0%EC%B9%98-float left: 요소가 컨테이너 왼쪽에 배치 block 속성을 가진 div 태그 사용 부모선택자인 .parent에 높이값이 없으면 자식선택자 .child 높이값에 영향을 받음 여기서 float:left 를 주게되면? float 즉 둥둥 뜨다. float:left 둥둥 떠서 왼쪽에 위치함 이때 자식 선택자 .child가 둥둥 떠있기 때문에 부모 선택자 .parent는 높이값을 잃음. float: none 상태(default), 즉 float에 아무런 값을 주지 않았을 때와 float:left 값을 적용했을 때 노란 상자 위치는 변하지 않는다. 하지만 float 값이 없..
출처 :https://wit.nts-corp.com/2017/07/25/4675 word-break 속성과 word-wrap 속성 실무에서 두 속성은 주로 줄 바꿈을 위해 사용한다. 먼저 각 속성이 무엇인지 간단히 살펴보자. word-break : 아래 예제와 같이 단어의 분리를 어떻게 할 것인지 결정한다. ex) (공백/띄어쓰기) 날씨가·좋아요 ex) (음절) 날·씨·가·좋·아·요· word-wrap : 아래 예제와 같이 박스의 가로 영역을 넘친 단어 내에서 임의의 분리 여부를 결정한다. ex)1234zcvgdaeryyujkoouddsh word-break 속성 값의 중단점 [non-CJK] normal (기본값) : 중단점: 공백(띄어쓰기, 하이픈’-‘) break-all : 중단점: 음절 [CJK]..
출처 : https://datatables.net/reference/option/columns.render 컬럼 정의시 render 속성을 사용할 수 있다. function render( data, type, row, meta ) if(typeof _objTable == "undefined") { _objTable = COMMON.Ajax.CreateDataTable("#tblTable", true, { url: _strMenuPath + '/selectLcpyBlncList', data: function() { return $("#frmSearch").serializeObject(); }, columns: [ { "data": "rowNo", "class": "td-center" }, { "data":..
var altDown = false; $(document).bind("keydown", function (event){ if ( event.keyCode == 18) { altDown = true; window.setTimeout(function() { altDown = false; }, 500); } }).keyup(function (event){ if (altDown && event.keyCode == 50){ $("#btnUpdate").show();// update 버튼 보이도록 } });
fnCheckSearchDateRange: function(fromID, toID, dateTerm, dateChar) { var fromDate = moment($(fromID).val()); var toDate = moment($(toID).val()); var standardDate = toDate; var strDateChar; switch (dateChar.toUpperCase()) { case "D": // day 기준 standardDate.add(dateTerm * (-1), 'days'); strDateChar = "일"; break; case "M": // month 기준 standardDate.add(dateTerm * (-1), 'months'); strDateChar = "개월";..
/**---------------------------------------------------------- * Function Name : fnInitDivTbl * Description : td 항목 값 초기화 * Author : payletter, 2019. 02. 21. * Modify History : Just Created. ------------------------------------------------------------*/ fnInitDivTbl: function(divId) { $("#{0} table tr td:not('.td-item')".format(divId)).html(""); }, /**---------------------------------------------..
출처:https://papababo.tistory.com/m/entry/thymeleaf-jstl%EC%9D%98-set-%EB%B9%84%EC%8A%B7%ED%95%9C-%EC%97%AD%ED%95%A0-thwith th:with 를 이용하여 변수(?)처럼를 정의하고, 값을 바인딩 하고 있다! 우선 th:with를 사용하려면, 사용하고자 하는 위치 태그 또는 그 부모태그(그 상위태그도 가능)에 지정하면 됩니다. 만약 아래의 html에서 userId와 userNm을 노출시키려면, thymeleaf의 문법에 의해 아래처럼 표현할수 있다. [[${userId}]] [[${userNm}]] gd.hong 홍길동 오호~ 잘나오는군!!! 그런데 말입니다!!! 부모태그말고 같은 depth의 태그 즉 형제 엘리먼트에..
- Total
- Today
- Yesterday
- sumifs
- draw.io
- 정규식
- 프로젝트명변경
- JQuery
- getter
- 전후방탐색
- Javascript
- setter
- $.extend
- $.each
- DatePicker
- excel
- border-collapse
- element위치
- lombok
- oracle
- QueryDSL
- devtools
- PostgreSQL
- @ExceptionHandler
- 여러 컬럼 update
- CSS
- object key
- springboot
- Keycode
- ul li로 테이블
- caniuse
- 진열사랑
- spring
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |