SEONG

Object Length 구하기 첫번째 방법 ( IE 8 버전 이하는 지원하지 않는다고 한다.)var obj = { id : 'btn', value : '50', txt : 'button'}; var obj_length = Object.keys(obj).length;console.log(obj_length); // 3 두번째 방법var obj = { id : 'btn', value : '50', txt : 'button'}; var getLength = function(obj) {var size = 0, key = null;for (key in obj) {if (obj.hasOwnProperty(key)) size++;}return size;}; console.log(getLength(obj));

동적으로 매개변수 받기 매개변수를 명시하지 않는다면 여러가지 측면에서 혼잡할 수 있겠지만자바스크립트는 매개변수를 정의하지 않아도 동적으로 전달받을 수 있다.

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

쿠키를 이용한 로그인 아이디 저장 login.jsp아이디 비밀번호 아이디 저장 로그인 js

자바스크립트 차트 자바스크립트에 관한 여러 차트 라이브러리가 있겠지만 예제로 만들어보면서 간단하게구현할 수 있기 때문에 나중에라도 매우 유용하게 쓰일 것 같다. HighCharts (링크)예제 차트 : (링크)chart, stock, map을 지원해준다. 예제로 만들어보았는데 간단한 라이브러리 참조만으로 차트 구현이 가능하다. Telerik Kendo UI (링크) 예제 차트 : (링크) , (링크)차트와 각종 UI 구현이 가능하다. 위처럼 간단한 라이브러리 참조로 css 없이 구현이 가능하다.하지만 jquery 1.8.1 버전부터 제대로 작동한다고 한다.

시간 카운트 js jsp 초 분 초

파일 확장자 체크 확장자 체크$("#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..

변수값 설정 시 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 |..

String 프로토타입 정리 /*--------------------------------------------------------------------------------*\ * 스트링 프로토타입\*--------------------------------------------------------------------------------*///-----------------------------------------------------------------------------// 문자의 좌, 우 공백 제거// @return : String//-----------------------------------------------------------------------------String.p..

금액 입력과 동시에 콤마 찍기 /* * 금액 입력과 동시에 콤마찍기 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;}