JavaScript 검색 결과
5 개의 검색 결과가 있습니다.
프로그래밍/Javascript

Javascript yyyy-MM-dd 데이터 포맷 사용하기

자바스크립트를 이용하여 날짜📆를 yyyy MM dd 의 형식으로 표현을 하기 위한 함수이다. date를 이용해 날짜를 넘겨준다. separator를 이용하여 원하는 구분자로 구분을 해준다. formatDate.js 유틸성 서비스에 모아놓고 원하는데에 임포트해서 사용하면 아주 편리하게 사용이 가능하다. 😏

2021. 1. 1. 12:30
프로그래밍/WEB

jQuery를 이용해 visibility 설정하기

하위 태그 작성... 이러한 div가 있을때 값을 display(visibility)를 설정하는 방법 $ (function(){ $("#box").css("display","none"); // 보여주지 않음$("#box").css("display","block"); // 값을 보여줌 }); 여기서 또 한가지 display 대신에 visibility 를 이용해 설정을 하는 경우도 있다.차이점은 페이지가 로드될 때 하위 요소의 데이터를 다 읽어오냐 안읽어오냐의 차이로 구분할 수 있다. display → 페이지가 로드 될 때 none 값이라면 하위요소 (데이터)를 읽어오지 않음visibility → hidden이건 visibility건 상관없이 페이지가 로드되면 하위요소(데이터)를 읽어옴 $ (function..

2019. 5. 27. 22:54
프로그래밍/WEB

이미지를 원본사이즈 팝업으로 띄우는 방

안녕하세요. 웹페이지를 만들다보면 이미지나 PDF등을 팝업으로 띄워야 하는 경우가 생깁니다.이 때 Window.open을 이용해 팝업을 띄우는데, 이미지의 사이즈에 알맞게 팝업 크기를 제작하는 방법에 대해 이야기를 해볼까 합니다. 유동적으로 변해야지 보기에도 좋아보이니까요!아래 소스는 PDF파일과 Image파일을 번갈아가면서 팝업으로 열 때를 위하여 제작한 코드입니다. 사용은 대부분 아래와 같은 방식으로 사용합니다. 1onclick="open_popup('file_nm','2'); return false;" cs 1234567891011121314151617181920212223/* 팝업 보기 */function open_popup(file_nm,n){ /* PDF n==1 IMG n==2 */ if(n..

2019. 4. 24. 20:13
프로그래밍/WEB

JSTL변수를 JavaScript에서 사용하는 방법

오늘은 작업을 하다가 요청에 의해 데이터 조회를 연속으로 읽어야 하는 상황이 발생했다.이미 다 만들어 놓은 상태라 굉장히 짜증이 났었는데... 어쨌든 이 문제를 해결하면서 JSTL의 el변수를 사용하는 방법엥 대해서 알아보도록 하겠다. 1cs 이런 JSTL문이 있다고 보자. 우리는 여기에서 Request에서 받은 값을 checkDate라고 셋팅을 했다. 대부분은 하나로 통일을 해서 사용을 하는게 대부분인데, 꼭 이렇게 혼용을 해야 할 때가 있다... 이걸 JavaScript에서 불러오려면 아래와 같이 사용하면 된다. 123456//자바스크립트 //1번방법var mDate = ''; //2번방법var mDate = ${checkDate};cs 이렇게 자바스크립트에서 사용을 할 수 있다. 짧은게 좋긴 한데 ..

2019. 2. 23. 09:30
프로그래밍/WEB

자바스크립트에서 숫자만 입력 가능하도록 하기 feat. 정규식

개발을 하다보면, 페이지에서 데이터를 입력하고 그 값을 서버로 넘겨서 처리를 하는 일이 굉장히 많다.그 때 대표적으로 많이 쓰는게 이름과 핸드폰 번호라고 생각된다. 만약 이 부분에서 설정을 잡아놓지 않으면 핸드폰번호에 글자를 입력한다던지 하는 경우가 발생해 DB Insert시 에러를 뿜어낼 수 있다.이런 일을 사전에 방지하기 위해 웹에서는 정규식을 써서 처리를 한다. 웹페에지에서 숫자만 처리하는 방법에 대해 알아보자. 123456789101112131415161718function numberChk(obj, length) { var chk = /^[0-9]{1,100}$/g; // 숫자만 가능하도록 할 경우 if(chk.test(obj.value)) { alert(" 숫자만 입력 가능합니다."); ret..

2019. 2. 19. 15:29