728x90 JS29 [JavaScript] Session(세션, feat. SessionStorage), LocalStorage(로컬스토리지), Cookie(쿠키), 사용하기 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.. JS/JavaScript 2022. 11. 30. [NPM] 종속성 무시하고 npm install 개요 로컬에서는 잘 패키지들이 다운로드 되었는데, 서버에 배포하고 종속성 등 오류로 인해 install 받다가 오류를 리턴하는 경우가 있다. 그런 경우, 종속성을 무시하고 install 받거나 환경을 로컬과 동일하게 설정하여야하는데... 해결방안 아래 명령어는 종속성을 무시하고 install 받는 명령어이다. npm install --save --legacy-peer-deps 참고하도록 하자. JS/NODE.JS 2022. 11. 28. JQuery Draggable(창 위치 이동) 해당 영역에 대한 창 이동 관련한 스크립트에 대해 알아봅시다. 새 창 아래 예제를 한번 해봅시다 저를 이동시켜보세요. JS/JQuery 2018. 10. 17. [node] Node Log process(로그 처리) [winston] 노드에서 로그 처리를 하기 위해 'winston' 이라는 외장 모듈을 사용할 것입니다. 해당 모듈을 사용하기 위해서는 우선 아래와 같은 명령어를 입력하여 줍니다. npm install --save winston 단계별로 로그를 찍어낼 수 있습니다. logger.debug('디버그 로깅'); logger.info('인포 로깅'); logger.error('에러 로깅'); 날짜별로 파일을 관리하기 위해서는 아래와 같은 명령어를 입력하여 줍니다. npm install --save winston-daily-rotate-file 아래는 라우터에서 설정할 소스입니다. var winston = require('winston'); var winstonDaily = require('winston-daily-rotate-.. JS/NODE.JS 2018. 10. 10. [node] Node Cookie, Session 우선 쿠키와 세션의 개념에 대해서 설명하겠습니다. 쿠키는 클라이언트에 저장되어서 보내는 역할을 하고, 세션은 서버에 저장되어서 클라이언트에게 알려주어서 사용합니다. 쿠키는 서버의 자원을 사용하지 않고, 클라이언트 단에서 저장해서 사용합니다. 세션은 서버에 저장되어 고유 ID를 가지고 서버의 자원으로 사용합니다. 쿠키는 클라이언트에 저장되어 서버 요청시 빠르지만, 세션은 서버에 정보가 있기때문, 처리가 필요하여 쿠키보다는 느립니다. 노드에서 쿠키를 사용하기 위하여 아래와 같은 명령으로 설치합니다. ▼ npm install cookie-parser --save 아래와 같이 설정 후, var cookieParser = require('cookie-parser'); var expressSession = requ.. JS/NODE.JS 2018. 10. 8. Node Error Handler(노드 에러 처리) 우선 설정하기 전, ERROR-HANDLER 라이브러리인 express-error-handler를 사용할 것입니다. express-error-handler 모듈은 외장 모듈이므로 아래와 같은 명령어를 입력하여 설치하여야 합니다. npm install express-error-handler --save 아래와 같이 index.js 파일에 소스를 입력합니다. var expressErrorHandler = require('express-error-handler'); var errorHandler = expressErrorHandler({ static: { '404': './error.html' } }); app.use(expressErrorHandler.httpError(404)); app.use(errorH.. JS/NODE.JS 2018. 10. 5. [nodeJS] 포트번호 우회하기 80포트는 OS단에서 이미 예약되어있어 노드가 80포트를 허용해주지 않는다. 그래서 이를 우회하기 위한 명령어이다. sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 4000 위와 같이 실행하면, 4000포트로 실행을 시키면, 80포트로 우회해서 실행되게 된다. JS/NODE.JS 2018. 7. 26. [Node.js] node.js(노드) 서버 구축 node.js 서버 구축 (간단 구축) 구축 서버환경은 Ubuntu(우분투) 입니다. 1. OS 설치 및 업그레이드 root@mingling:~$ sudo apt-get update root@mingling:~$ sudo apt-get upgrade sudo apt-get update 단계에서 서버 연결 error가 발생할 경우 nameserver 등록 확인이 필요하다. 방법은 아래와 같다. /etc/network/interfaces : dns-nameservers 8.8.8.8 추가 /etc/resolv.conf : nameserver 8.8.8.8 추가 root@mingling:~$ sudo apt-get -o Debug::pkgAcquire::Auth=true update 2. node.js ppa.. JS/NODE.JS 2018. 7. 13. [JSP][HTML][timeleaf] 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); }; 등. 공통적으로 .. JS/JavaScript 2018. 5. 4. [JSP] 파일업로드 로딩 화면 샘플 소스 DEMO 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.. JS/JavaScript 2018. 4. 2. [JQuery] [ajax] 05. ajax 05_ajax.html JS/JQuery 2017. 8. 28. [JQuery] [ajax] 04. ajaxMethod 04_ajaxMethod.html JS/JavaScript 2017. 8. 28. 이전 1 2 3 다음 728x90
