Spring/JavaScript+Jsp(HTMl)39 [JavaScript] setInterval(),clearInterval(), setTimeout() 사용법 JavaScript의 타이머를 사용하는 내장함수인 setInterval(),clearInterval(), setTimeout()에 대해서 알아보자! ▶ setInterval (함수, 초) 각 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출하거나 코드 스니펫을 실행 (주기적으로 인자를 실행하는 함수) - setInterval() 함수는 어떤 코드를 일정한 시간 간격을 두고 반복해서 실행하고 싶을 때 사용한다. - 첫번째 인자로 실행할 코드를 담고 있는 함수를 받고, 두번째 인자로 반복 주기를 밀리초(ms) 단위로 받는다. - 간격(interval)을 고유하게 식별할 수 있는 interval ID를 반환(숫자값)하므로 나중에 clearInterval() (en-US) 함수를 호출하여 제거할 수 있다.. 2023. 8. 3. [js/css] 수정/배포로 파일 업데이트시 캐시 방지 및 강력 새로고침(캐시 초기화) 방법 운영하고 있는 파일을 업데이트할 때, 기존에 있는 캐시 때문에 수정사항이 반영이 잘 안되는 경우가 있다. 이런 경우 캐시 초기화를 하면 문제없이 잘 반영되어있다. 하지만 사용자의 입장에선 캐시초기화(강력 새로고침)을 하지않는 경우가 많기때문에 오류가 난 경우가 많다. 이런 경우를 대비하는 소스코드가 있다. 파일 경로에 임의 쿼리스트링(단순 인자)를 추가하면 된다. 쿼리스트링 추가이기 때문에 실제 파일경로나 파일명을 바꿀 필요도 없다. 쿼리스트링 명만 바꿔도 다른 파일로 인식하기 때문에 서버 관리도 편리하다. 단, 쿼리스트링은 파일경로와 함께 영문,숫자로 적어야한다. [css] ex) [js] --> 선언 .... ex) or //version.properties설정에 있는 변수를 불러와서 사용(다수를 수.. 2023. 6. 2. [JavaScript] session 세션 사용방법 (sessionStorage) 자바스크립트 단에서 session을 사용하려면 sessionStorage를 이용하면 된다. sessionStroage 메서드 sessionStroage에서 지원하는 메서드이다. setItem(key, value) : session에 데이터를 저장한다. getItem(key) : 세션에 key이름으로 저장된 데이터를 가져온다 removeItem(key) : key값을 넣어 session 데이터를 삭제 claer() : session에 저장 된 모든 데이터 삭제 key(number) : 세션의 특정 index의 데이터를 가져온다. 0부터 시작 length : session에 저장 된 데이터의 개수를 가져온다. 사용방법 sessionStorage.setItem('userId', 'tang'); //키 값 : .. 2023. 4. 20. [JavaScript/JQuery] Top(맨 위) & Bottom(맨 아래) 스크롤 공통 기능 만들기 자바스크립트로 Top(맨 위 / 최상단) & Bottom(맨 아래 / 최하단) 스크롤 이동 시키기 기능을 공통으로 만드는 예제에 대해서 알아보자! 웹을 하다보면 편의성을 위해서 최상단과 최하단 버튼을 만들어서 스크롤을 이동시키고 싶다. 그리고 나는 해당 기능이 필요없을 경우(ex. 최상단 스크롤에 위치하면 top버튼 필요없음)에 버튼이 표시되고 싶지 않았다. 이제 예제 코드를 보고 알아보자! [ 예제 ] - bottombutton.js (최하단 / 맨아래로 js) (function($){ $.bottombutton = function(op){ var _op = { html : "", //String (Html Code) css : undefined, //String (Css Code) //css : "b.. 2023. 4. 7. [JavaScript/JQuery] 페이지 or 스크롤 길이(height)값 구하기 개발을 하다보면 페이지 높이나 스크롤 길이를 구하는 방법에 대해서 알아보자! 페이지나 스크롤 길이를 구하는 방법은 다양하게 있다. 1. $(window).scrollTop() 2. $(window).height() 3. $(document).height() - $(document.body).height() - $("id값").height() 1. $(window).scrollTop() 현재 문서의 스크롤 위치 반환 스크롤 위치에 따라 변하는 값 (세로 좌표, 픽셀 단위로 반환) 맨 위 0으로 시작하여 맨아래 도달시 스크롤 길이 max값을 가진다. 이 메서드를 사용하면, 사용자가 현재 문서에서 스크롤한 위치를 알 수 있다. 예를 들어, 스크롤 위치에 따라 다른 동작을 수행하거나, 페이지 스크롤 이벤트를 처.. 2023. 4. 7. 이전 1 2 3 4 5 6 ··· 8 다음 728x90
