exhibitlove

출처: https://happycgi.tistory.com/m/1978 inputmask는 INPUT 박스에 정보 입력시 지정된 형식으로만 입력이 가능하도록 도와줍니다. - 라이센스 MIT - 사용 방법 1. 사용할 페이지 상단에 jQuery 라이브버리와 inputmask 라이브러리 링크를 걸어줍니다. 2. input 박스를 추가하고 data-inputmask 속성을 사용하여 형식을 입력해 줍니다. 3. inputmask 플러그인을 호출합니다. 4. 세부 옵션은 아래 페이지를 통해 확인 가능합니다. https://www.jqueryscript.net/form/Easy-jQuery-Input-Mask-Plugin-inputmask.html

출처:https://steemit.com/kr-dev/@cheonmr/js-operator ==는 Equal Operator이고, ===는 Strict Equal Operator이다. ==는 a == b 라고 할때, a와 b의 값이 같은지를 비교해서, 같으면 true, 다르면 false라고 한다.(값만 같으면 true이다.) ===는 Strict, 즉 엄격한 Equal Operator로써, "엄격하게" 같음을 비교할 때 사용하는 연산자이다. ===는 a === b 라고 할때, 값과 값의 종류(Data Type)가 모두 같은지를 비교해서, 같으면 true, 다르면 false라고 한다. 값은 똑같이 1이지만 값의 종류가 숫자냐, 문자열이냐에 따라 === 연산자를 사용할 때 결과가 false라고 나온다. va..

출처: https://gutmate.tistory.com/entry/jQuery-Selector-%EC%A0%95%EB%A6%AC-Attribute-%EC%86%8D%EC%84%B1-%EC%84%A0%ED%83%9D%EC%9E%90 HTML 태그는 type, id, name과 같은 속성을 지니며, html5 부터는 data- 으로 시작되는 커스텀 속성도 표준의 일환으로 지원을 합니다. CSS를 이용하여 스타일과 마크업을 분리한다는 개념이 모호했던 시기에는 width이나 height과 같은 속성을 이용하여 태그가 나타내는 요소(Element)의 모양새를 설정하기도 했지만, 지금은 레퍼런스를 찾아보면 이러한 속성들이 마크업 표준으로써 지원되지 않거나 이들을 사용하지 않는 것을 권장한다는 점을 알 수 있습니다..

출처: https://gent.tistory.com/m/414 str.substr(start[, length]) str.substring(indexStart[, indexEnd]) str.slice(beginIndex[, endIndex]) var str = '자바스크립트'; var result1 = str.slice(0, 2); // 결과 : "자바" var result2 = str.slice(2, 6); // 결과 : "스크립트" var result3 = str.slice(2); // 결과 : "스크립트" /************************************/ var result4 = str.slice(-4); // 결과 : "스크립트" var result5 = str.slice(-4,..

출처: https://cattaku.tistory.com/m/32 [Jquery] 데이터 포맷(날짜에 하이픈 넣기) function dateFormat(num){ if(!num) return ""; var formatNum = ''; // 공백제거 num=num.replace(/\s/gi, ""); try{ if(num.length == 8) { formatNum = num.replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3'); } } catch(e) { formatNum = num; console.log(e); } return cattaku.tistory.com function dateFormat(num){ if(!num) return ""; var formatNum = ''..

출처 : https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes 데이터 속성 사용하기 - Web 개발 학습하기 | MDN HTML5 (en-US) 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인되었습니다. data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUserD developer.mozilla.org 데이터 속성 사용하기 HTML5 (en-US) 특정 요소와 연관되어 있지만 확정된 의미는 갖지 않는 데이터에 대한 확장 가능성을 염두에 두고 디자인되었습니다. data-* 속성은 표준이 아닌 속성이나 추가적인 DOM 속성, Node.setUser..

출처 : http://goodthing.me/saucetip/5467 Good Thing - 좋은일, 좋은생각 당신이 원하고, 희망하고, 꿈꾸고 있는것들 그것을 가능하게 도와드리겠습니다. goodthing.me 1. @media print 인쇄 페이지용 미디어 쿼리로, 인쇄 시 변경되는 부분을 명시 @media print { } 1.1. display 페이지에서 숨겨야 하는 부분은 display를 통해 제어 @media print { header, footer, .no-print { display:none } } 1.2. page-break page-break-before 해당 엘리먼트의 이전 페이지 넘김을 지정 page-break-before: [auto, inherit, always, avoid, l..

출처: https://www.codingfactory.net/10372 CSS / 기초 / !important CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다. 만약 나중에 설정한 값이 적용되지 않게 하려면 속성값 뒤에 !important를 붙입니다. property: value !important; 예를 들어 다음 www.codingfactory.net CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다. 만약 나중에 설정한 값이 적용되지 않게 하려면 속성값 뒤에 !important를 붙입니다. property: value !important; 예를 들어 다음은 마지막에 설정한 color의 값이 blue이므로, red는 무시하고 문단의 글자색을 파란색으..