Programing497

• 

  javascript setInterval(), setTimeout(), clearInterval() 자바스크립트 타이머 구현 일정시간마다 특정기능 실행 javascript setInterval(), setTimeout(), clearInterval() 자바스크립트 타이머 구현 일정시간마다 특정기능 실행 개발을 하다보면 특정 시간마다 함수를 반복적으로 실행해야 할 때가 있다. 이럴때 사용하는것이 setInterval() 이다. setInterval() 메소드는 clearInterval()가 호출되거나 창이 닫히기 전까지 무한 반복 된다. 특정 시간 이후에 오직 한번만 실행해야 할 때에는 setTimeout() 메소드를 사용한다. 여기서 사용하는 시간은 밀리세컨트(milliseconds)를 사용한다. (1000ms = 1 second) 사용예1) 30초마다 refresh 하기 -- html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1.. Programing/JavaScript 2016. 2. 25.

• jquery 제이쿼리 탑버튼 구현, 최상단으로 올라가기, 최상단 이동 jquery 제이쿼리 탑버튼 구현, 최상단으로 올라가기, 최상단 이동 흔히 볼수 있는 탑버튼(최상단으로 이동)을 구현하는 방법을 알아보자. jquery-1.11.2.min.js 을 인터넷에서 다운받아 프로젝트에 넣거나 을 추가한다. 그리고 클릭하면 최상단으로 올라갈 객체를 생성한다. [Top으로이동] right를 50%로 bottom을 15px로 바닥 중간데 값을 fioxed 했다. z-index는 객체를 최상위로 올리기 위해 사용. 이제 스크립트를 구현한다. 현재는 최상단일 경우 탑버튼을 숨겼지만 계속 보이고 싶으신 분은 아래 주석을 참고한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 $(function(){ $(".return-top").hide();.. Programing/jQuery 2016. 2. 24.

• 

  bxslider 이미지 슬라드, 버튼 클릭해 이미지 슬라이드, 이미지 슬라이더, 이미지 넘어가기 bxslider 이미지 슬라드, 버튼 클릭해 이미지 슬라이드, 이미지 슬라이더, 이미지 넘어가기 버튼이나 택스트를 클릭하면 또는 자동으로 이미지를 넘겨야 할 때가 있다. 이럴 때 사용하는 것이 bxslider 다. js 플러그인 다운로드는 아래의 홈페이지를 참고한다. Link : bxslider.com 홈페이지 홈페이지에 들어가면 우측 상단에서 다운 받을 수 있다. 다운받아 압축을 푼 폴더에서 아래의 세개의 파일을 원하는 위치에 복사하고 사용하고자 하는 페이지에서 불러온다. 그리고 슬라이드할 이미지들을 의 태그에 넣는다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 첫번째 이미지 1첫번째 이미지 2첫번째 이미지에 대한 설명 Colored by Color.. Programing/jQuery 2016. 2. 24.

• 

  JAVA 자바 ARIA 아리아 암호화 복호화 방법 알고리즘 JAVA 자바 ARIA 아리아 암호화 복호화 방법 알고리즘 - About ARIA ARIA는 경량 환경 및 하드웨어 구현을 위해 최적화된, Involutional SPN 구조를 갖는 범용 블록 암호 알고리즘입니다. ARIA의 주요 특성은 다음과 같습니다. 블록 크기 : 128비트 키 크기 : 128/192/256비트 (AES와 동일 규격) 전체 구조 : Involutional Substitution-Permutation Network 라운드 수 : 12/14/16 (키 크기에 따라 결정됨) ARIA는 경량 환경 및 하드웨어에서의 효율성 향상을 위해 개발되었으며, ARIA가 사용하는 대부분의 연산은 XOR과 같은 단순한 바이트 단위 연산으로 구성되어 있습니다. ARIA라는 이름은 Academy(학계), R.. Programing/Security 2016. 2. 18.

• 

  자바스크립트 쿠키 사용 로그인 아이디저장 구현 방법 자바스크립트 쿠키 사용 로그인 아이디저장 구현 방법 위의 로그인 창과 같이 아이디 저장 체크박스를 선택하고 로그인 한 경우 쿠키를 사용해 아이디 값을 저장하고 페이지를 다시 열었을 시 쿠키값을 읽어와 보여주도록 구현해 보자. 우선 로그인이 성공했을 때 쿠키를 생성하는 함수를 넣는다. setCookie('id', id, 30); //쿠키 생성 ('id'라는 이름으로 id값을 30일동안 쿠키로 저장하겠다.) --쿠키생성함수 1 2 3 4 5 6 7 8 9 function setCookie(cName, cValue, cDay){ if($('input:checkbox:checked').val()=="on"){ var expire = new Date(); expire.setDate(expire.getDate() .. Programing/JavaScript 2016. 1. 28.

• 

  Oracle Sequence 시퀀스 사용 조회/생성/수정/삭제 ibatis 자동 증가값 생성 Oracle 시퀀스사용 일련번호 생성 SEQUENCE 사용법 임의값을 증가시켜 일련번호를 생성하는 경우 보통 일련번호의 Max값 +a 를 select 하여 값을 저장 한다. 하지만 이런 수고를 거치지 않고 시퀀스 값을 만들어 두면 자동 증가하게 끔 할 수 있다. 접근 가능한 SEQUENCE 조회 SELECT * FROM ALL_SEQUENCES SEQUENCE 생성 CREATE SEQUENCE seqNo START WITH 1 INCREMENT BY 1 MAXVALUE 999999999 MINVALUE 1 seqNo라는 시퀀스를 만드는데 시작은 1 (START WITH) 1씩 증가시키고 (INCREMENT BY) 최대값은 1000000000000 (MAXVALUE) 최소값은.. Programing/Spring 2016. 1. 28.

• 자바스크립트 페이지 로딩시 팝업띄우기, 하루만 띄우기, 팝업 관리 자바스크립트 페이지 로딩시 팝업띄우기, 하루만 띄우기, 팝업 관리 팝업창 관리를 통한 페이지 로딩시 팝업창을 띄우는 방법과 쿠키를 활용해 하루동안 팝업을 띄우지 않는 방법에 대해 알아보자. 우선 팝업관리에 필요한 컬럼은 아래와 같다. --popup table POP_NO 팝업일련번호 TITLE 제목 CONTENT 내용 START_DAY 게시시작일자 END_DAY 게시종료일자 POP_WIDTH 팝업넓이 POP_HEIGHT 팝업높이 POP_LOC_LEFT 팝업위치(LEFT) POP_LOC_TOP 팝업위치(TOP) FILE_FLAG 파일유무 기본적인 등록일자, 수정일자 이런건 제외 했다. 팝업 넓이와 높이는 팝업창의 크기를 조절하기 위한 값이고 팝업위치 LEFT, TOP은 팝업창이 띄워지는 위치를 설정하기 위.. Programing/JavaScript 2016. 1. 28.

• 

  jquery 모달 팝업 구현 불투명 배경, 팝업 화면 중앙에 띄우기, 스크롤 없애기 보이기 jquery 모달 팝업 구현 불투명 배경, 팝업 화면 중앙에 띄우기, 스크롤 없애기 보이기 화면 중앙에 레이어 팝업을 띄우는 방법은 아래 Link를 참고하고 모달 팝업과 같이 불투명 뒷 배경을 구현해 보자. Link : javascript 자바스크립트 레이어 팝업 화면 중앙에 띄우는 방법 우선 불투명 배경에 대한 스타일 설정을 한다. function bgLayerOpen() { if(!$('.bgLayer').length) { $('').appendTo($('body')); } var object = $(".bgLayer"); var w = $(document).width()+12; var h = $(document).height(); object.css({'width':w,'height':h}); ob.. Programing/jQuery 2016. 1. 20.

• jquery 제이쿼리 레이어 팝업 화면 중앙에 띄우는 방법 javascript 자바스크립트 레이어 팝업 화면 중앙에 띄우는 방법 일반적인 window.open 을 사용한 팝업이 아니라 레이어 팝업을 구현하려 한다. 여기에 모달 팝업창 같이 팝업창 이외의 기능은 사용할 수 없도록 기능을 추가 할 것이다. 우선 내에 원하는 곳에 팝업으로 쓸 를 추가합니다. (위치는 상관 없습니다. 보기 쉬운 곳에 넣으세요.) 우선 팝업에 사용될 디자인부터 추가 합니다. (여기서 z-index에 유의 합니다. 값이 클 수록 위로 올라옵니다.) 팝업레이어X 이름 홍길동 현재 레이어 팝업은 visibility 옵션이 hidden 이기 때문에 보이지 않습니다. 팝업을 보이게 할 함수를 정의합니다. 숨겨져 있으면 보이게 보여져 있으면 숨기게. function popupOpen(){ if(d.. Programing/jQuery 2016. 1. 20.

• 자바스크립트 스크롤 내려서 추가 조회 하는 방법, 스크롤 이벤트 자바스크립트 스크롤 내려서 추가 조회 하는 방법, 스크롤 이벤트 보통 조회하는 데이터의 갯수가 많아 불러오는데 시간이 많이 걸린다면 페이징 처리를 해 원하는 갯수만큼만 조회하는 방식으로 시간을 단축한다. 이 방식 외에 원하는 갯수만큼 데이터를 뿌려준 후, 스크롤이 최하단으로 내려갈 때 기존 갯수만큼의 새로운 데이터를 가져와 하단에 붙이는 방식도 있다. 이번 포스팅에서는 후자의 방식을 구현해 보려 한다. 페이징처리 방식에 질려 급작스럽게 구현하느라 소스가 이상 할 수도 있다. 하지만 구현되는건 확인했으니 걱정은 말자. -HTML - JAVASCRIPT 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 .. Programing/JavaScript 2016. 1. 14.

• 

  taglibs 에러 해결법 javax.servlet.jsp.jspexception cannot be resolved to a type javax.servlet.jsp.jspexception cannot be resolved to a type 에러 해결법 전자정부 프레임워크에 taglibs 적용중 발생한 에러다. 동작은 다 하는데 taglibs.jsp 파일에 x표시가 떠서 보기가 싫었다.. taglibs.jsp 파일을 열어도 표시되는 아무 에러가 없었다. 하지만 Problems 탭에는 javax.servlet.jsp.jspexception cannot be resolved to a type 에러가 떠있었고.. 해결을 해야헸다. 혹시 설정문제인가 해서 pom.xml (maven project 라서..) 도 다시봤지만 설정은 되어있었다. 구글링을 통해 찾아본 결과 Project Facts에 Runtimes에 톰캣 설정이 안되있어서 그런거란다.. Programing/egovFramework 2015. 12. 28.

• 

  tomcat cmd 명령프롬프트 창에서 실행 로그 확인 톰캣 로그 확인 tomcat cmd 명령프롬프트 창에서 실행 로그 확인 톰캣 로그 확인 우선 톰캣을 다운로드와 설치 방법은 아래의 Link를 참조하세요. Link : 서버에 자바 프로젝트 연동하기 Eclipse, Tomcat 사용, war파일 만들기 톰캣은 원래 설치가 필요 없습니다. 하지만 Service Installer 를 받으신 분은 설치 과정을 거치게 되죠. 위의 두가지 방법에 따라 명령프롬프트 창에서 톰캣의 로그를 확인하는 방법이 약간 다릅니다. 그래서 1. 설치가 필요 없는 버전을 다운했을 경우와 2. 설치가 필요한 버전을 다운했을 경우로 나누어 설명하겠습니다. 1. 설치가 필요 없는 버젼 아래 와 같이 윈도우 환경에 따라 설치가 필요 없는 버젼을 다운 받아 앞축을 풀고 bin 폴더로 이동하면 안에 많은 파일.. Programing/JAVA 2015. 12. 11.

• 

  $(function(){ }); 부분이 실행 안될 때 Uncaught ReferenceError: $ is not defined 해결방법 $(function(){ }); 부분이 실행 안될 때 Uncaught ReferenceError: $ is not defined 해결방법 초보적인 실수 이기는 하나 놓치기 쉰운 실수 이기도 한 Uncaught ReferenceError: $ is not defined 에러의 해결법에 대해 알아보자. 초반에 셋팅하고 실행했는데 $(function(){ }); 부분이 실행 안될 때가 있다. 페이지 로딩이 안되는 것도 아닌데... 이럴때 개발자모드(F12) 를 보면 Uncaught ReferenceError: $ is not defined 에러가 떠있다. 원인은 간단하다. 제이쿼리 js가 로딩이 안된것. 기본적인 셋팅이 되있다면 당연히 나지 않는 에러이지만 처음부터 하다보면 실수 할 수 있다. 제이쿼리 가 없.. Programing/jQuery 2015. 12. 8.

• javascript 로컬에 있는 동영상 웹에서 재생하기 javascript 로컬에 있는 동영상 웹에서 재생하기 프로젝트를 하다보면 업로드 된 동영상을 재생 해달라는 요청을 받곤 한다. 이를 구현하기 위해 몇가지 가정하에 진행하도록 하겠다. - 파일업로드가 정상적으로 이루어 진다. - 저장된 파일의 경로를 알고있다. - 파일명은 실제파일과 저장파일명으로 구분하되 저장파일명은 영문과 숫자로만 되어있다.( 재생에 필요한건 저장파일명) - JSP 페이지에서 저장파일명을 정상적으로 불러와 진다. - 웹에서 재생 가능한 파일로 인코딩 되어있다고 가정한다. 저장파일명을 불러오는 방법은 ajax를 통해 가져오는 방법과 model 에 넣어서 직접 jsp 파일에서 받는 방법을 설명하겠다. [공통 jsp] Your browser does not support HTML5 vide.. Programing/JavaScript 2015. 11. 27.

• 

  Can not find the tag library descriptor... 에러 해결 방법 taglibs에러 해결법 Can not find the tag library descriptor... 에러 해결 방법 taglibs에러 해결법 프로젝트를 새로 받았는데 tablibs 쪽에서 에러가 날때가 있다. 결론적으로 라이브러리가 추가 안되어서 나는 에러다. 메이븐을 사용하는데 왜 업데이트를 받아도 같은 에러가 나는지 모르겠다. 이전 사람이 라이브러리 없이 개발했을리는 없고.. 흠.. 여튼 해결 방법은 아래와 같다. pom.xml 에 jstl 디펜던시를 추가해 준다. [pom.xml] jstl jstl 1.2 위의 디펜던시를 pom.xml에 복사해 넣어도 되고 pom.xml Dependencies 탭에서 add를 눌러 jstl을 찾아 추가해주어도 된다. 메이븐을 사용하지 않는다면 아래의 링크로 가서 jstl-1.2.jar를 .. Programing/JAVA 2015. 11. 26.