티스토리

헤르메스 LIFE
검색하기

블로그 홈

헤르메스 LIFE

hermeslog.tistory.com/m

개인적인 내용들입니다.

구독자
9
방명록 방문하기
공지 좋은 하루되세요~~~~~~ 모두보기

주요 글 목록

  • Progress Bar 샘플 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 공감수 0 댓글수 0 2023. 6. 10.
  • Ajax data를 Controller에서 받는 두 가지 방법 : Vo / Map 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.. 공감수 3 댓글수 0 2023. 6. 5.
  • [Modal] Javascript, jQuery 기반의 Open Source Modal Plugin 모달창(Modal Window) 이란? 모달창(Modal Windows) (모달 상자 또는 모달 대화 상자라고도 함)은 대화상자 또는 팝업창 유형으로 화면의 사용자 인터페이스 상단에 나타나는 UI요소 입니다. 그것들은 보통 html, javascript, css의 조합으로 설계됩니다. 대부분의 경우, 화면의 중요한 부분을 차지하는 대화창 모양을 가지므로, 사용자가 중요 메시지를 놓칠 수 없습니다. 사용자의 주의를 끌도록 배치된 모달창을 통해 환영 메시지 또는 앱 내의 중요한 메시지를 전달 할 수 있습니다. 모달창은 조회 조건 및 도움말, 툴팁과 같은 적절한 순간에 크게 활용되고 있습니다. 개인적으로 생각하는 업무에 적용이 가능한 Modal 팝업의 조건 1. Modal 팝업이 오픈되면 오픈된 창 이외의 창.. 공감수 0 댓글수 0 2023. 5. 6.
  • [Source] JDBC Connection Test && JDBC Version 확인 https://hermeslog.tistory.com/171?category=307167 공감수 0 댓글수 0 2022. 8. 16.
  • [jQuery] 클립보드 복사 & 붙여넣기 엑셀에서 데이터 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.. 공감수 0 댓글수 0 2021. 2. 15.
  • [JSON] 문자열을 JSON 변환, JSON 을 문자열 변환 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.. 공감수 1 댓글수 0 2021. 1. 26.
  • 오른쪽 마우스 금지 오른쪽 마우스 금지 공감수 0 댓글수 0 2020. 12. 17.
  • [Javascript] Select box Control 제어 $("#셀렉트박스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.. 공감수 0 댓글수 0 2020. 12. 2.
  • [Javascript] setTimeout setTimeout if(typeof (Editor) != "undefined") { // Editor가 undefined 이면 실행 } else { setTimeout( function () { doAction( "setDetail01"); }, 500); } // 0.5초 후 setDetail01() Function을 호출한다. // 재귀호출 할 때 좋은 함수이다. setTimeout(function () { doAction( "setDetail01"); }, 500); 공감수 0 댓글수 0 2020. 12. 2.
  • [HTML] HTML 특수문자 코드표 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z - A부터 Z까지 [ [ - 왼쪽.. 공감수 0 댓글수 0 2020. 12. 2.
  • [Javascript] Function 모음. //백스페이스 방지. 2015.10.20 추가. $(document).keydown(function(e){ if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA" ){ if(e.keyCode === 8){ return false ; } } }); /* FireFox는 window.event가 없어서 추가 */ if($.browser.mozilla){ $.each(["mousedown", "mouseover", "mouseout", "mousemove", "mousedrag", "click", "dblclick"], function(i, eventName){ window.addEventListener(eventName, function (e).. 공감수 0 댓글수 0 2020. 12. 2.
  • [Javascript] Console.log 익스플로어(IE)에서 사용하기 if (!window.console) window.console = {}; if (!window.console.log) window.console.log = function () { }; if(typeof console == "object") console.log("블라블라"); 공감수 0 댓글수 0 2020. 12. 2.
  • [Javascript] 날짜 오늘, 이번주, 이번달 DateSearch = function() { DateSearch.form = document.getElementById( 'shop_list'); DateSearch.date = new Date(); //올해 DateSearch.date.curYear = DateSearch.date.getYear(); //이번달 DateSearch.date.curMonth = DateSearch.date.getMonth() ; //오늘 DateSearch.date.curDate = DateSearch.date.getDate(); //요일 DateSearch.date.curDay = DateSearch.date.getDay(); //오늘 YYYY-mm-dd DateSearch.getToday = function() { .. 공감수 0 댓글수 0 2020. 12. 2.
  • [jQuery] serializeObject 참고 : https://hermeslog.tistory.com/365 [헤르메스 LIFE] jquery 에서 form serialize를 이용하여 json 을 만들수 있습니다. 먼저 serialize 에 대해서 간단히 설명하겠습니다. serialize 함수는 2개가 있습니다. 첫번째로 serialize() 입니다. URL-encoded 표기법으로 form 의 객체들을 텍스트화 하고 그 결과를 return 합니다. 형식은 inputName=inputValue&inputName2=inputValue2 입니다. 두번쨰로 serializeArray() 입니다. Json 문자열 형태의 배열을 return 합니다. 형식은 [{name:"name",valeu:"valeu"},{name:"name2",value:"va.. 공감수 3 댓글수 0 2020. 11. 20.
  • [JSON] serialize(), serializeArray() jquery 에서 form serialize를 이용하여 json 을 만들수 있습니다. 먼저 serialize 에 대해서 간단히 설명하겠습니다. serialize 함수는 2개가 있습니다. 첫번째로 serialize() 입니다. URL-encoded 표기법으로 form 의 객체들을 텍스트화 하고 그 결과를 return 합니다. 형식은 inputName=inputValue&inputName2=inputValue2 입니다. 두번쨰로 serializeArray() 입니다. Json 문자열 형태의 배열을 return 합니다. 형식은 [{name:"name",valeu:"valeu"},{name:"name2",value:"value2"}] 입니다. 지금 만들 형식은 { inputName:"inputVlaue", in.. 공감수 0 댓글수 0 2020. 11. 20.
  • [JSON] 문자열을 JSON 으로.. StringToJson 문자열로 아래와 같은 데이터가 존재한다. 문자열은 "" 으로 감싸져 있어야 합니다. var test = '[{"grpCd":"1000","grpNm":"관리자"},{"grpCd":"2000","grpNm":"회계권한"} ,{"grpCd":"3000","grpNm":"인사권한"},{"grpCd":"4000","grpNm":"일반권한"}]'; var authCode = JSON.parse(test); console.log("authCode :: ", authCode, " >> length :: " + authCode.length); ---------------------- 아래와 같이 출력된다. -------------------------------------- authCode :: (4) [{…}, {….. 공감수 0 댓글수 0 2020. 11. 20.
  • iFrame 높이 자동조절 공감수 0 댓글수 0 2020. 11. 20.
  • [jQuery] 체크박스 선택여부, checked처리 라디오버튼 선택과 해제 출처 : http://hobbiez.tistory.com/321 $("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ $("input:radio[name='NAME']:radio[value='VALUE']").attr("checked",true); $("i.. 공감수 43 댓글수 0 2016. 6. 15.
  • [Source] LocalHost, HostAddress IP Address : 공감수 0 댓글수 0 2016. 6. 15.
  • [Javascript] Array Sort 출처 :http://programmingsummaries.tistory.com/108 배열 Sort var array = [1, 10, 5, 11, 2]; //최대값 var max = array.reduce( function (previous, current) { return previous > current ? previous:current; }); //최소값 var min = array.reduce( function (previous, current) { return previous > current ? current:previous; }); var min = [1, 20, 11, 88, 3].slice(0).sort(function(a,b){a>b})[0]; var max = [1, 20, 11, .. 공감수 0 댓글수 0 2016. 6. 13.
  • 콤보박스(select)에서 Readonly 출처 : http://cafe.naver.com/zalhe/179 수정화면을 개발시 읽을 수만 있고 변경을 못 하도록 할때 일반적으로 처리를 한다.그런데 체크박스/라디오버튼/Select는 readonly 프로퍼티가 먹지 않는다.다른 방법은 disabled ( 예: )인데 이건 안타깝게도 처리화면으로 값을 넘기지 못한다. 해서 웹을 헤메이다 찾은 소스를 소개 합니다. Select 에서 Readonly 와 같은 동작을 하게 하는 소스 입니다. 아래부분을 쫙 긁어다 붙여서 테스트 해보세요.^^ Y N [출처] 콤보박스(select)에서 Readonly (카페 블로그 디자인 제작 및 정보공유 커뮤니티) |작성자 나지뭐 공감수 1 댓글수 0 2016. 5. 11.
  • jQuery 강좌 | Tips > .ajax() 동기식으로 사용하는 방법 출처 : http://www.cmsfactory.net/node/11478 Ajax는 Asynchronous JavaScript and XML의 약자입니다. 이름에서도 알 수 있듯이 비동기식으로 데이터를 가져옵니다.jQuery의 .ajax()도 마찬가지입니다. 데이터 요청을 해놓고 요청에 응답하는 순서대로 처리합니다.비동기식이 여러모로 효율적이지만, 간혹 동기식 처리가 필요한 경우가 있습니다.데이터 처리를 요청한 순서대로 해야 하는 경우.ajax()로 가져온 데이터를 전역 변수로 넘겨야 하는 경우.ajax()를 동기식으로 처리하려면async: false 를 추가하면 됩니다.$.ajax ( { url: xxx, dataType: xxx, async: false, success: function( xxx ).. 공감수 0 댓글수 0 2016. 3. 16.
  • Javascript 비교연산자 eq 세개( === ) 출처 : http://itux.tistory.com/entry/%EC%A0%9C6%EA%B0%95-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%97%B0%EC%82%B0%EC%9E%90-%EB%85%BC%EB%A6%AC%EC%97%B0%EC%82%B0%EC%9E%90%EB%B9%84%EA%B5%90%EC%97%B0%EC%82%B0%EC%9E%90 연산자설명예제==동치(Equal)연산자, 두 값이 동일한 경우 true를 리턴한다. 두 입력 값의 타입이 같지 않은 경우 형변환하여 비교한다>>> 1 == 1; true >>> 1 == “1”; true >>> 1 == “2”; false >>> undefined == null true >>> NaN .. 공감수 0 댓글수 0 2016. 3. 15.
  • Javascript 메모리 누출 출처 : JavaScript 재입문하기 (JS ​튜토리얼) 메모리 누출 IE에서 메모리 누출은 JavaScript 객체와 고유 객체간에 참조하는 중 자기 자신을 참조 (circular reference, 순환 참조)하게 되는 일이 발생할 경우라면 언제든지 발생하게 됩니다. 다음을 고려해 보도록 합시다: function leakMemory() { var el = document.getElementById('el'); var o = { 'el': el }; el.o = o; } 위의 코드는 순환 참조로서 메모리 누출을 일으킵니다. IE는 완전히 다시 시작되기 전까지는 el와 o에 의해 사용되는 메모리를 반환하지 못합니다. 위의 경우는 알아채지 못하고 지나갈 확률이 높습니다. 메모리 누출은 사실 오랫동안 실행.. 공감수 1 댓글수 0 2016. 3. 15.
  • 자바스크립트 (JavaScript) 느낌표 두개 (Double Exclamation Marks) 연산자 (Operator), !! 정리하자면 느낌표 두개(!!) 연산자는 확실한 논리결과를 가지기 위해 사용합니다.예를 들어 정의되지 않은 변수 undefined 값을 가진 내용의 논리 연산 시에도 확실한 true / false를 가지도록 하는게 목적입니다. 테스트를 해보니 감이 확실히 오네요~ var a; console.log("a :: " + (a)); console.log("!a :: " + (!a)); console.log("!!a :: " + (!!a)); var b = true; console.log("b :: " + (b)); console.log("!b :: " + (!b)); console.log("!!b :: " + (!!b)); var c = null; console.log("c :: " + (c)); console... 공감수 11 댓글수 3 2015. 1. 23.
  • HTML TABLE ROW를 show, hide시 IE7 및 호환성보기에서 css border 잔상남는 경우 원문 : http://finkle.tistory.com/112 사용자 이벤트가 발생할 때마다 특정 테이블의 ROW를 show, hide 해줘야 할 경우가 있다. $("input[name=autoType]").click(function() { if ( $(this).val() == 1 ) { $("#autoType_2, #autoType_3, #autoType_sub").hide(); } else if ( $(this).val() == 2 ) { $("#autoType_2, #autoType_sub").show(); $("#autoType_3").hide(); } else { $("#autoType_3, #autoType_sub").show(); $("#autoType_2").hide(); } }); .... 공감수 0 댓글수 0 2014. 12. 30.
  • [JavaScript] function을 클래스처럼 사용하기 클래스의 정의 function MyClass() {}; var MyClass = function() {}; /* 클래스 정의 */var People = function(name, age) { var name = name; var age = age; var isAdult = function() { if(age > 19) return true; else return false; } this.viewMyInfo = function () { if(isAdult ()) { return name + "님은 성인이 맞습니다." ; } else { return name + "님은 성인이 아닙니다." ; } }} var people = new People ("Moon-Hak-I", 26);alert(people .isA.. 공감수 0 댓글수 0 2014. 3. 14.
  • [Tree] dTree의 활용 ( JavaScript Tree ) 출처 : http://www.destroydrop.com/javascripts/tree/default.html 간단하게 사용가능합니다. Unlimited number of levelsCan be used with or without framesRemembers the state of the tree between pagesPossible to have as many trees as you like on a pageAll major browsers suportedInternet Explorer 5+Netscape 6+Opera 7+MozillaGenerates XHTML 1.0 strict validated outputAlternative images for each node 한글 테스트를 해봤는데, 잘 .. 공감수 0 댓글수 0 2013. 11. 27.
  • [JSTL] According to TLD or attribute directive in tag file, attribute test does not accept any expressions 원문 : http://levin01.tistory.com/1426 According to TLD or attribute directive in tag file, attribute test does not accept any expressions 위의 에러가 발생했을 때 확인해야 할 부분 1. JSP 1.2 에서 JSTL 1.0 를 사용할 경우- . rtexprvalue를 false 로 해야함-. tld 위치 -->http://java.sun.com/jstl -. web.xml 에서 servlet 2.3 DTD 사용 2. JSP 2.0 에서 JSTL 1.1 를 사용할 경우- . rtexprvalue를 true 로 해야함-. tld 위치 --> http://java.sun.com/jsp/jstl -. web.. 공감수 0 댓글수 0 2012. 6. 29.
  • [Source] Connection Test https://hermeslog.tistory.com/628 공감수 0 댓글수 0 2012. 5. 14.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.