헤르메스 LIFE

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

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..

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

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() { ..

참고 : 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..

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..

출처 :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, ..

출처 : 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 ..

정리하자면 느낌표 두개(!!) 연산자는 확실한 논리결과를 가지기 위해 사용합니다.예를 들어 정의되지 않은 변수 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...

클래스의 정의 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..