본문 바로가기

JavaScript5

Javascript yyyy-MM-dd 데이터 포맷 사용하기 자바스크립트를 이용하여 날짜📆를 yyyy MM dd 의 형식으로 표현을 하기 위한 함수이다. date를 이용해 날짜를 넘겨준다. separator를 이용하여 원하는 구분자로 구분을 해준다. formatDate.js 유틸성 서비스에 모아놓고 원하는데에 임포트해서 사용하면 아주 편리하게 사용이 가능하다. 😏 2021. 1. 1.
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.
이미지를 원본사이즈 팝업으로 띄우는 방 안녕하세요. 웹페이지를 만들다보면 이미지나 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.
JSTL변수를 JavaScript에서 사용하는 방법 오늘은 작업을 하다가 요청에 의해 데이터 조회를 연속으로 읽어야 하는 상황이 발생했다.이미 다 만들어 놓은 상태라 굉장히 짜증이 났었는데... 어쨌든 이 문제를 해결하면서 JSTL의 el변수를 사용하는 방법엥 대해서 알아보도록 하겠다. 1cs 이런 JSTL문이 있다고 보자. 우리는 여기에서 Request에서 받은 값을 checkDate라고 셋팅을 했다. 대부분은 하나로 통일을 해서 사용을 하는게 대부분인데, 꼭 이렇게 혼용을 해야 할 때가 있다... 이걸 JavaScript에서 불러오려면 아래와 같이 사용하면 된다. 123456//자바스크립트 //1번방법var mDate = ''; //2번방법var mDate = ${checkDate};cs 이렇게 자바스크립트에서 사용을 할 수 있다. 짧은게 좋긴 한데 .. 2019. 2. 23.