Develope/JavaScript

오늘은 JavaScript 날짜 계산 및 날짜 비교하는 간단하게 function을 만들어 보려고 합니다. 날짜 계산하는 코딩이 어렵진 않지만 어쩌다 한번씩 쓰려고하면 계속 구글링해서 찾다보니 불편해서 간단하게 정리를해서 저도 자주 사용해 보려고 합니다. 먼저 날짜끼리 비교하기 위해 데이터를 일치하는 형태로 파싱한 후에 비교하도록 하겠습니다. 해당 소스는 다음과 같습니다. yyyy-MM-dd 형태의 String 형이지만 JavaScript에서 비교 연산자를 통해 날짜 비교가 가능하여 유용하게 사용할 수 있습니다. function fn_minDateCheck(inputDate){ var nowDate = new Date(); var month = '' + (nowDate.getMonth() + 1); var..

오늘은 jqgrid reload 및 reload가 되지 않을때 해결 방법에 대해 포스팅 하려고 합니다. jqgrid에서 load된 데이터를 새로고침 하고 싶을 때 어떤 행위에 대한 이벤트에 아래 소스를 붙여주면 됩니다. $("#list").trigger("reloadGrid"); 간단한 내용이지만 이 reloadGrid를 넣어도 실행되지 않을 수 있습니다. 만약 jqgrid 설정영역에서 loadonce: true로 되어 있다면 loadonce: false 으로 변경 해야 reloadGrid가 실행이 됩니다. loadonce: false loadonce는 단어 그대로 한번만 불러오겠다는 의미 입니다. 한번만 불러오는 값이 true가 되어있기 때문에 reloadGrid가 되지 않습니다.

Jquery의 Map() 메서드는 배열의 데이터를 변환시켜서 다시 새로운 배열 객체로 만듭니다. 예제를 통해 확인해 보겠습니다. 배열 arrName에 저장된 A~E까지의 값을 map()을 통하여 데이터를 가공합니다. 가공이 끝난후 변수 m에 return을 하여 결과를 보면 변수 m또한 배열로 타입이 지정되어 있고 가공된 데이터가 배열 m에 저장된 것을 확인할 수 있습니다. 지금까지 JavaScript Jquery Map() 메서드에 대한 설명이었습니다.

웹에서 페이지 뒤로가기와 페이지 앞으로 가기는 자주 쓰이는 이벤트로 history 객체를 사용하게 됩니다. 예제를 통해 history 객체를 알아보겠습니다. 이전 페이지 1단계 이전 페이지 2단계 이전 페이지 다음 페이지 1단계 다음 페이지

JavaScript에서 Location 객체를 사용자 브라우저의 주소창 url에 대한 정보와 새로고침 기능을 사용할 수 있습니다. 예제 소스를 통해 확인해 보겠습니다. 소스를 실행한 결과는 다음과 같습니다.

JavaScript에서 Navigator 객체를 통해 현재 방문자가 사용하는 브라우저 정보와 운영체제의 정보를 알아낼 수 있습니다. 간단한 예제를 통해 확인해 보겠습니다. navigator 객체를 사용하여 얻어낸 결과 값입니다.

JavaScript에서 지원하는 alert, prompt, confirm 3가지의 대화상자 내장함수가 있습니다. 용도에 따라 각각의 사용이 다르게 되는데요. 예제와 함께 소개하겠습니다. 1) alert alert 함수의 괄호 안에 내용물을 담아서 화면에 출력합니다. 2) prompt prompt 함수는 괄호안에 질문의 내용을 담아서 주관식에 대한 결과값을 받아오는 역할을 합니다. 결과값을 promptValue라는 변수에 담아서 다시 alert 함수에 넣어 출력할 수 있습니다. 3) Confirm confirm 함수는 괄호안에 질문을 하고 true, false값을 받아옵니다. 확인 = true, 취소 = false confirm의 결과값을받아서 alert함수에 넣어 다시 출력할 수도 있습니다. 지금까지 J..