[WEB] 쿠키와 세션 차이 및 JS에서의 사용법

1. 쿠키(Cookie)

• 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일이다.
• 이름, 값, 유효시간, 도메인, 경로 로 이루어져있다.
• ex) 쇼핑몰 장바구니, 로그인시 아이디 또는 비밀번호 저장, 팝업에서 오늘 더이상 이 창을 보지않음 등 

 

2. 세션(Session)

• 세션은 쿠키를 기반하고 있지만, 사용자 정보 파일을 브라우저에 저장하는 쿠키와 달리 세션은 서버에서 관리한다.
• 각 클라이언트에게 고유 ID를 부여한다.
• 보안성에서 쿠키보다 우수하다.
• 사용자가 많을수록 서버 메모리를 많이 차지하게된다.

 

3. 차이점

• 쿠키와 세션은 비슷한 역할을 한다. 세션도 쿠키를 사용하기때문이다. 가장큰 차이점으로는 사용자의 정보가 저장되는 위치가 로컬이냐, 서버냐 가 가장 큰 차이점이라고 본다.

4. 자바스크립트(JS) 에서의 쿠키 사용법

 

아래 함수를 실행하면 쿠키가 세팅된다.

function setCookie(name, value, exp) {
	  var date = new Date();
	  date.setTime(date.getTime() + exp*24*60*60*1000);
	  document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';path=/';
	}