프로그래밍언어/자바스크립트

    [Javascript] 레이어팝업 뒷 배경 불투명하게 하기

    레이어팝업을 띄웠을 때 뒷부분에서의 동작을 막아야하는데 그와 동시에 시각적으로 불투명하게 보이도록 만드는 경우가 많다 ​ 간단하게 후딱 사용할 수 있도록 함수 투척 function showPopBlur(chk){ if(chk == false) $('.content').css({"opacity" : "1","pointer-events":"auto"}); else $('.content').css({"opacity" : "0.3","pointer-events":"none"}); } 사용 예시) function popupShow(){ $(".popup").show(); showPopBlur(true); } fucntion popupHide(){ $(".popup").hide(); showPopBlur(false..

    [Javascript] 아이디, 비밀번호 유효성 검사

    이전에도 숫자, 영문, 특수문자 체크하는 방법을 적었었는데 그거를 가지고 활용해서 만든 샘플코드이다 계속 코드를 재활용하기 때문에 이미 만들어진 코드가 더 유용할거같아서 업로드~~ 개발자의 마음을 알지요~~ ​ ​ /****************************************************************************** * Function명 : CV_checkIdPattern * 설명 : 아이디 조건 체크 * Params : str- 입력한 아이디 값 * Return : true or false * 사용법 : * CV_checkIdPattern(id); *****************************************************************..

    [Javascript] 자바 Date 타입을 문자열 YYYY-MM-DD 로 변환

    자바 VO에서 날짜 관련 데이터를 Date 타입으로 설정했을 경우 JSP로 가져왔을 때 보여주는 방법 중 하나이다 컨트롤러에서 model에 담아 바로 보내면 주로 fmt태그로 date 포맷을 잡아주는데 ajax로 가져올때는 function을 활용하는 방법이 꽤나 편리하다 ​ 나는 대체적으로 이런 공통함수들은 CmmnFormat.js 이런식으로 만들어놓고 쓰는편이라 함수명앞에 CF가 붙어있는 거고 자유롭게 리네임해다가 쓰면 된다 ​ 아래에 있는 leftPad 까지 같이 복사해서 사용해야한다 /****************************************************************************** * Function명 : CF_toStringByFormatting * 설명..

    [Javascript] length 배열의 길이, 문자열의 길이 구하기(+ length와 size 차이)

    자바스크립트는 배열의 길이, 문자열의 길이를 구할 때 length를 사용하는데 자바와 혼동되기도 하고 length 하나로 배열, 문자열의 길이를 구하다보니 이게 맞나 싶을때가 있다 ​ 그래서 짚고 넘어가기 위해 총 정리! 📃 Array.length 배열의 길이를 반환한다 let arr = [a,b,c,d]; console.log(arr.length); // 4 📃 String.length 문자열의 길이를 반환한다 let str = 'earth'; console.log(str.length); // 5 ========== 🌻 length와 헷갈리는 size 📃 Set.prototype.size set 객체의 원소 수를 반환한다 let setobj = new Set(); setobj.add(1); setobj..

    [Javascript] 월의 마지막날(말일) 구하기

    개발을 하다보면 사소하지만 갑자기 생각나지 않는 부분들이 있는데 이것만큼 쉽게 까먹는게 없다 ㅋㅋ 자주 사용하지만 꼭 한번씩 찾아보게 되는...ㅎㅎㅎ 📌 방법 const lastdate = new Date(2021, 07, 0).getDate(); 이렇게 입력하고 lastdate를 출력하면 말일인 31이 나온다 ​ 알고싶은 말일의 년, 월, 0 을 new Date로 생성해주고 getDate() 해주면 된다 📌 예시 string타입의 날짜데이터에서 월에 해당하는 말일을 구하기 let time = '20210706' const lastdate = new Date( time.substr(0, 4), time.substr(4, 2), 0 ).getDate(); 다음과 같이 문자열로 이루어진 날짜정보를 subst..