헤르메스 LIFE

https://alvarotrigo.com/blog/progress-bar-css/ 20 Amazing CSS Progress Bars [With Examples] Here's a curated list with great animated CSS and HTML progress bars. Check out these re-usable examples or get inspired to create your own progress bar. alvarotrigo.com

Ajax로 Parameter를 Controller로 data를 전송하면, Controller에서 받는 방법 1. VO(DTO)를 통해서 받는 방법 2. Map을 통해서 받는 방법 1. VO(DTO)로 받는 방법 const params = { id : id, postId : postId, modalContent : contents.value, modalWriter : writer.value } $.ajax({ url : `/posts/${postId}/comments/${id}`, type : 'post', contentType : 'application/json; charset=utf-8', dataType : 'json', data : JSON.stringify(params), async : false..

모달창(Modal Window) 이란? 모달창(Modal Windows) (모달 상자 또는 모달 대화 상자라고도 함)은 대화상자 또는 팝업창 유형으로 화면의 사용자 인터페이스 상단에 나타나는 UI요소 입니다. 그것들은 보통 html, javascript, css의 조합으로 설계됩니다. 대부분의 경우, 화면의 중요한 부분을 차지하는 대화창 모양을 가지므로, 사용자가 중요 메시지를 놓칠 수 없습니다. 사용자의 주의를 끌도록 배치된 모달창을 통해 환영 메시지 또는 앱 내의 중요한 메시지를 전달 할 수 있습니다. 모달창은 조회 조건 및 도움말, 툴팁과 같은 적절한 순간에 크게 활용되고 있습니다. 개인적으로 생각하는 업무에 적용이 가능한 Modal 팝업의 조건 1. Modal 팝업이 오픈되면 오픈된 창 이외의 창..

https://hermeslog.tistory.com/171?category=307167

엑셀에서 데이터 Row를 복사해서 붙여넣기 각 데이터는 공백으로 구분지어서 붙여넣어지면 됩니다. 여러건을 IN 절로 조회하는 것이 목적입니다. Chrome 은 굳이 이렇게 하지 않아도 됩니다. 문제는 IE 입니다. ( IE는 현재 서비스가 중단됐지만... 실제 사용하는 곳은 아직도 많습니다. ㅠ.ㅠ ) BrowserVersionCheck = function() { var boolean = false; var ieName = navigator.appName; var agent = navigator.userAgent.toLowerCase(); /*** 1. IE 버전 체크 ***/ // IE old version ( IE 10 or Lower ) if ( ieName == "Microsoft Internet..

JSON.parse()를 사용하기 위해서는 Douglas Crockford가 만든 json2.js가 필요합니다. json2.js는 더글라스 크록포드가 JSON의 편리한 사용을 위해 만든 JSON API의 새버전입니다. 이 API에는 2개의 메서드가 들어있는데 JSON.stringify()와 JSON.parse() 입니다. JSON.stringify()는 JSON.parse()와는 완전히 반대로 JSON 객체를 주면 JSON 텍스트로 만들어서 줍니다. 출처 : johnresig.com/blog/the-state-of-json/ John Resig - The State of JSON I wanted to pull together some of the recent events that have occurred..

오른쪽 마우스 금지

$("#셀렉트박스ID option:selected").val(); $("select[name=name]").val(); $("#셀렉트박스ID option:selected").val(); $("select[name=name]").val(); $("#셀렉트박스ID option:selected").text(); var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select $("#셀렉트박스ID").append("Apples"); $("#셀렉트박스ID").append("A..

setTimeout if(typeof (Editor) != "undefined") { // Editor가 undefined 이면 실행 } else { setTimeout( function () { doAction( "setDetail01"); }, 500); } // 0.5초 후 setDetail01() Function을 호출한다. // 재귀호출 할 때 좋은 함수이다. setTimeout(function () { doAction( "setDetail01"); }, 500);

표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z - A부터 Z까지 [ [ - 왼쪽..