Programming/javascript 썸네일형 리스트형 [javascript] Access-Control-Allow-Origin 에러 Access-Control-Allow-Origin 에러 REST API를 테스트 하기 위해 요청을 했는데No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8090' is therefore not allowed access. 이라는 에러가 났다. 최근 브라우저들은 보안상의 이유로 요청하는 도메인과 요청받는 도메인이 다를 경우 위의 에러가 난다고 한다. 나는 간단히 응답만 확인하려고 했기 때문에 서버단 HttpServletResponse res에res.setHeader("Access-Control-Allow-Origin", "*"); 로 Access-Control-Allow-.. 더보기 [javascript] 쿠키를 이용한 로그인 아이디 저장 쿠키를 이용한 로그인 아이디 저장 login.jsp아이디 비밀번호 아이디 저장 로그인 js 더보기 [javascript] 자바스크립트 차트 자바스크립트 차트 자바스크립트에 관한 여러 차트 라이브러리가 있겠지만 예제로 만들어보면서 간단하게구현할 수 있기 때문에 나중에라도 매우 유용하게 쓰일 것 같다. HighCharts (링크)예제 차트 : (링크)chart, stock, map을 지원해준다. 예제로 만들어보았는데 간단한 라이브러리 참조만으로 차트 구현이 가능하다. Telerik Kendo UI (링크) 예제 차트 : (링크) , (링크)차트와 각종 UI 구현이 가능하다. 위처럼 간단한 라이브러리 참조로 css 없이 구현이 가능하다.하지만 jquery 1.8.1 버전부터 제대로 작동한다고 한다. 더보기 [javasciprt] 시간 카운트 시간 카운트 js jsp 초 분 초 더보기 [javascript] 파일 확장자 체크 파일 확장자 체크 확장자 체크$("#imagefile").on("change", function(){var fileName = $("#imagefile").val(); fileName = filename.slice(filename.indexOf(".") + 1).toLowerCase(); if(fileName != "jpg" && fileName != "png" && fileName != "gif" && fileName != "bmp"){alert("이미지 파일은 (jpg, png, gif, bmp) 형식만 등록 가능합니다.");$("#imagefile").val("");return;}}); 확장자, 파일 한글 체크function fileCheck() {var fileName = $("#imagefile.. 더보기 [javascript] 변수값 설정 시 default 사용 (short-circuit 트릭) 변수값 설정 시 default 사용 (short-circuit 트릭) JavaScript는 short-circuit을 이용하면 변수에 값을 할당할 때 유용하게 사용할 수 있다고 한다. (변수에 값이 할당되어 있는지 체크해서 없으면 default 설정하는 경우 등) 기존 default 사용var a = undefined;var b = "defalut";var c = ""; if(a){c = a;} else {c = b;} 일반적으로 a에 값이 없을경우 c에 dafault값을 이런식으로 주었었는데 short-circuit 트릭var a = undefined;var b = "default";var c = a || b; console.log(c); //default a = "hello world";c = a |.. 더보기 [javascript] String 프로토타입 정리 String 프로토타입 정리 /*--------------------------------------------------------------------------------*\ * 스트링 프로토타입\*--------------------------------------------------------------------------------*///-----------------------------------------------------------------------------// 문자의 좌, 우 공백 제거// @return : String//-----------------------------------------------------------------------------String.p.. 더보기 [javascript] 금액 입력과 동시에 콤마 찍기 금액 입력과 동시에 콤마 찍기 /* * 금액 입력과 동시에 콤마찍기 OnKeyUp * 101108(jhhur)수정 : 크로스 브라우징 이슈로 로직 수정 */function Set_Comma(n){ //return Number(String(n).replace(/\..*|[^\d]/g,"")).toLocaleString().slice(0,-3); var num = String(n).replace(/\..*|[^\d]/g,""); // 숫자 이외의 문자 체크 if(num != '0'){num = $.formatNumber(num, {format:"#,###", locale:"kr"}); // 넘버포맷 적용} return num;} 더보기 [javascript] 두 개의 날짜 비교 두 개의 날짜 비교 /** * 두 개의 시작날짜와 끝날짜 사이의 기간을 비교 합니다. * 두 날짜 기간이 올바르면 true, 올바르지 않으면 false. * @param arg1 - 비교할 시작날짜 * @param arg2 - 비교할 끝날짜 */function isDateOrder(obj1, obj2) {isNumeric(obj1, '', 8, 8);isNumeric(obj2, '', 8, 8); if(parseInt(obj1.value, 10) 더보기 [javascript] 간단한 문자열 비교 간단한 문자열 비교 function isStringCompare(arg1, arg2) {if(arg1.trim() == arg2.trim()){return true;} else {return false;}} 더보기 [javascript] 이메일 형식 체크 이메일 형식 체크 function isEmailValid(obj){var email = obj.val();var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;if(filter.test(email)){return false;}else{alert("이메일 형식이 잘못되었습니다.");obj.focus();return true;}} 더보기 [javascript] 해당 년월에 마지막 날짜 구하기 해당 년월에 마지막 날짜 구하기 function lastDay(year, month){//var curDate = new Date();var lastDate = new Date(year, month, "");return lastDate.getDate();} 더보기 이전 1 2 3 다음
