javascript 에서 history 를 추가하는 방법입니다. 앞서 history 삭제하는 방법은 링크를 참고하세요. history 삭제 javascript history 삭제 / href replace 비교 javascript history 삭제하기 는 불가능하다. 구글링 결과 javascript 로 history를 제어할 수 없는 듯 하다. 즉 클라이언트에서 권한이 없다는 것으로 예상된다. 미흡한 영어실력이라 해석이 잘못 됬을지도 모르.. cofs.tistory.com history 추가는 history.pushState(state, title, url) 함수를 활용하면 가능합니다. 1 history.pushState(null, null, "/test/test.do?name=abc"); cs * 파..

javascript cookie 사용하기 javascript 로 cookie 를 사용하는 방법이다. 기본적으로 document 에서 cookie를 제공하는데 이를 더욱 간편하게 사용하기 위해서는 자주사용하는 기능들을 미리 만들어 두면 편하다. 본 포스팅에서는 cookie를 저장, 조회, 삭제하는 함수를 만들어 두고 사용하는 방법에 대해서 알아본다. cookie 저장 1 2 3 4 5 var setCookie = function(name, value, day) { var date = new Date(); date.setTime(date.getTime() + day * 60 * 60 * 24 * 1000); document.cookie = name + '=' + value + ';expires=' + dat..

javascript 배열 중복 제거 remove duplicates from javascript array 배열의 값들을 중복제거 하는 방법을 알아보자. 방법은 여러가지가 있는데 javascript에서 단순하게 루프를 돌면서 검사하는 함수를 만들어서 제거하는 방법에 대해서 설명한다. 함수명은 removeDuplicatesArray 라고 만들었다. javascript 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function removeDuplicatesArray(arr) { var tempArr = []; for (var i = 0; i

javascript getyear 117 118 119 120 ... getFullYear 결론 : getYear() 함수는 Deprecated 되었으므로 현재 년도를 구할 땐 getFullYear() 함수를 사용한다. 예전 소스를 수정중에 javascript 에서 현재 년도를 구하는데 이상한 값을 반환하는 현상이 있었다. 다음과 같은 간단한 소스였다. 1 2 var nowDate = new Date(); alert(nowDate.getYear()); cs 단순하게 년도를 구하는 소스인데 결과값이 다음과 같다. 잉 ?? 왜 2018이 나오지 않고 118이 나오는 것일까 ;; 문서를 찾아보니 현재 년도에서 1990을 뺀 숫자를 리턴한다고 한다. * A number representing the year o..

spin.js 에 알림말 text 넣기 이전에 spin.js를 활용해서 프로그래스바를 적용한 적이 있었다. 그런데 그 프로그래스바에 알림말을 넣어달라는 요청이 있었다. spin.js를 다음과 같은 모양으로 사용중이였다. 해당 플러그인은 아주 심플하고 간단간 녀석이여서 그런 기능은 없었다 ㅠㅠ 어쩔수 없이 기능을 만들어야 했다. spin.js 에 다음과 같이 text 알림말을 추가했다. spin.js 는 사용방법이 아주 쉬운 프로그래스바 오픈소스이다. spin.js 에 대한 내용이나 기본적인 설정방법 및 사용방법은 아래 포스팅 링크로 이동해서 확인하면 된다. onbeforeunload 를 활용하여 페이지 이동 시 프로그레스바, 로딩바 생성 javascript 프로그레스바 / 로딩바 플러그인 spin.js ..

javascript onbeforeunload 오작동 / 버그 onbeforeunload 이벤트의 오작동 ? 버그 ? 라고 해야하나... 내가 원하지 않을때 발생되는 현상이 있어서 살펴보았다. 상황은 다음과 같다. onbeforeunload 를 이용해서 페이지를 새로고침, 닫기 등 페이지 이동 또는 변경될 경우 특정 메시지를 보여주거나 특정 작업을 하려고 했다. 그런데 페이지 이동이 아닌 특정 버튼클릭만으로 onbeforeunload 이벤트가 실행되었다. 위 상황을 재현하기 위해 간단한 소스를 준비했다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 function testFunction(){ alert("test function"); } window.onbeforeunloa..

javascript encoding url / url encode decode 하기 javascript 한글 깨짐 javascript 에서 encoding, decoding 하는 함수는 다음과 같다. escape unescape encodeURI decodeURI encodeURIComponent decodeURIComponent 위 함수들은 각각 문자열을 부호화 하거나 부호화된 문자열을 되돌리는 함수이다. 기본적으로 javascript에 내장되어 있다. 각각 부호화 하는 범위가 다르기 때문에 상황에 맞게 적절히 사용하는 것을 권장한다. escape 사용방법 : escape("문자열"); - 문자열의 각 문자들을 '%16진수코드값' 형태로 변환 - 1바이트 문자는 '%XX' 형태로 표시 - 영문 알파벳과..

javascript 프로그레스바 / 로딩바 플러그인 페이지 이동 시 둥근 프로그레스바(로딩바)를 구현해달라고 한다. 그래서 적당한 플러그인을 찾아보았다. 플러그인 말고 특정 이미지를 활용하여 보여줬다 숨겼다 하는 방법도 있다. 참고링크

이전에 html2canvas 를 이용해서 jsp 환경에서 페이지를 이미지로 다운받는 것을 포스팅하였다. http://cofs.tistory.com/293 필자는 테이블을 이미지로 바꿔 다운받아야 했다. 그런데 이상하게 ie Egde 에서는 잘되는데 ie9, ie10, ie11 에서는 각기 다르게 오류 증상이 나타났다. 어떤 버전은 border가 안나오고 어떤녀석은 배경이 안나오거나 스타일이 일부 누락되었다. 역시 소문대로 css 적용에 있어 미흡한 부분이 있었다. 그래서 찾다보니 아주 심플하게 해결하는 방법이 있었다. html2canvas 0.5.0-alpha1 버전에서만 테스트를 진행하였다. html2canvas.js 파일의 다음 부분을 바꿔주면 된다. 2384 라인쯤 가면 나온다. 1 2 3 4 5 ..

JSP 페이지 이미지로 저장, 웹페이지 이미지로 저장, 페이지 이미지 캡쳐 프로젝트를 진행하다보니 페이지의 특정 영역을 이미지로 다운받아야 하는 경우가 생겼다. 여러 방법이 있는데 이번엔 html2canvas.js 라는 녀석을 사용해보기로 했다. JSP, Spring 프레임워크 위에서 적용시켰다. 테스트는 ie9, 10, 11, Edge, Chrome 에서 진행하였다. LICENSE : 무료라는 내용이다. Copyright (c) 2012 Niklas von Hertzen Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (t..