[JavaScript] Session(세션, feat. SessionStorage), LocalStorage(로컬스토리지), Cookie(쿠키), 사용하기
·
JS/JavaScript
SessionStorage, LocalStorage, Cookie 차이점 HTML5 부터 웹스토리지 기술 시작. 웹스토리지 : 로컬스토리지, 세션스토리지. 웹스토리지는 Key와 Value 형태로 이루어짐. 웹스토리지는 클라이언트에 대한 정보를 저장. 웹스토리지는 로컬에만 정보를 저장, 쿠키는 서버와 로컬에 정보를 저장. 사용법 로컬스토리지(localStorage) 값 저장하기 localStorage.A (Key == A) localStorage.getItem("A") 값 가져오기 localStorage.A (Key == A) localStorage.getItem("A") 세션스토리지(sessionStorage) 값 저장하기 sessionStorage.A = 1 (Key == A, Value = 1) se..
[JSP][HTML][timeleaf] Javascript 전역 함수 사용법
·
JS/JavaScript
사용할 페이지에서. javamin.js var javamin = {}; javamin.trim = function trim(string){ return string.replace(/^\s+|\s+$/g,""); }; javamin.now = function(param){ setInterval(function(){ var now = new Date(); var nowTime = now.getFullYear() + "-" + (now.getMonth()+1) + "-" + now.getDate() + " " + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds(); $(param).html(nowTime); },1000); }; 등. 공통적으로 ..
[JSP] 파일업로드 로딩 화면 샘플 소스 DEMO
·
JS/JavaScript
css /* pop_up */ .pop_wrap { overflow:visible; position:absolute; top:50%; left:50%; display:none; margin-left:-200px; z-index:999; } .pop_wrap .bg { background:#000; opacity:.5; filter:alpha(opacity=50); width:100%; height:100%; position:fixed; left: 0;top:0; } .ly_pop { position:relative; z-index:10; padding:20px; border:2px solid #777; background:#fff; text-align:center; font-weight:700;} .ly..
[JQuery] [ajax] 04. ajaxMethod
·
JS/JavaScript
04_ajaxMethod.html
[JS] 13. Closure
·
JS/JavaScript
13_Closure.html
[JS] 12. scope
·
JS/JavaScript
12_Scope.html
[JS] 11. This
·
JS/JavaScript
11_This.html
[JS] 10. TypeOf
·
JS/JavaScript
10_TypeOf.html
[JS] 09. Function
·
JS/JavaScript
09_Function.html
[JS] 08. Object
·
JS/JavaScript
08_Object.html
[JS] 07. Array
·
JS/JavaScript
07_Array.html
[JS] 06. Loop
·
JS/JavaScript
06_Loop.html