※ 쿠키 정보를 활용합니다.

쿠키란 서버 컴퓨터에서 클라이언트의 컴퓨터로부터 차후 정보를 얻어오기 위해서, 텍스트 파일 형태로 저장시키는
파일을 말합니다.

이러한 쿠키정보는 보통 Temporary Internet Files 폴더에 저장이 됩니다.
(Windows 98 의 경우 C:\windows\Temporary Internet Files 에 저장됩니다.)

windows 2000 서버에서는 기본적으로 해당 폴더가 감추기 속성으로 되어있기 때문에 쿠키를 보고자 한다면 폴더의
속성에서 숨길파일 표시를 하던지 아니면 브라우저 도구메뉴의 인터넷 옵션의 임시인터넷파일 설정 창에서 파일 보기를
실행시키면 됩니다.

아래는 windows 2000 server 에서 쿠키가 저장된 모습입니다.

쿠키에 정보를 입력해 놓으면 사용자의 이름을 화면에 표시해 주는 등의 서비스를 해 줄 수 있습니다.

쿠키를 사용할 수 있게 해 주는 개체는 "document" 개체입니다. 그리고 속성은 "cookie".
즉, document.cookie="쿠키정보" 로 쿠키 정보를 저장합니다.

브라우저에서는 이 쿠키기능을 사용 하지 못하도록 인터넷 옵션에서 설정을 할 수 도 있는데, 이렇게 되면 쿠키정보는 저장
이 되지 않습니다.

쿠키에 저장하는 정보는 아래와 같습니다.

1. name - 쿠키의 이름
2. value - 쿠키의 값
3. expires - 쿠키의 만료일자 - 반드시 GMT 형식이어야 함, 만료가 되면 브라우저는 쿠키정보를 가져오지 않음 (기본값은 현재의 세션이 끝날때 까지)
4. path - 쿠키가 유효한 경로 (기본값은 현재의 문서가 호출된 곳)
5. domain - 쿠키가 유효한 도메인 (기본값은 현재의 문서가 호출된 곳)
6. secure - 쿠키전송을 허용할지의 여부의 boolean 값(true 면 허용하지 않음, false 면 허용)

실제로 위의 옵션을 모두 준다면 아래와 같습니다.

document.cookie="name=홈길동;expires=Tue Oct 2 19:20:07 UTC+0900 2001;path=/;domain=yahoo.co.kr;true"

다음은 기본값으로 쿠키를 생성하는 예입니다.

document.cookie="name=홈길동"
이렇게 했을시에 name 과 value 이외의 값은 모두 기본값을 가집니다.

(※ 참고로 브라우저의 쿠키정보를 삭제하고자 하면 도구 메뉴의 인터넷 옵션에서 쿠키삭제를 실행 시킵니다.)

다음 소스는 이름과 방문횟수를 기록하고,
만료일자를 1 일 후로 설정하면서 나머지 옵션은 기본값으로 생성해서 방문횟수를 계산하는 예제입니다.


   소스  
 

<script language=javascript>
<!--

function getcookie()                           // 쿠키정보를 얻어오는 함수 생성
{
 if(document.cookie.indexOf("count=")==-1)                       // 클라이언트에서 가져온 쿠키정보가 없으면...
 { 

  var a=prompt("이름을 입력하세요","착한이")       // 이름을 입력받음.
  var name=(a)? a : "이름모를"                        // 입력이 없으면 "이름모를" 을 할당
  
  var today = new Date();
    var expire_day = new Date(today.getTime() + 1 * 24 * 60 * 60 * 1000); // 쿠키만료일자를 1일 후로 설정
                                                                          // (1 * 24 ... 에서 1 은 "1일" 을 뜻함)
       expire_day=expire_day.toGMTString()                                // 날짜는 GMT 형식을 취해야 함

  var mycookie="count=1,name=" + escape(name) + ";expires=" + expire_day

  document.cookie=mycookie

  alert(name + "님의 첫번째 방문을 환영합니다 ! ")  // 환영 메시지 
  document.write("<tt><font color=green>" + name + "</font>님 안녕하세요.</tt>") 
 }

else                                           // 쿠키정보가 있다면
 {

  var str=document.cookie                          // str 변수에 쿠키정보 할당
  var len=str.length                               // 쿠키의 길이 계산
  var po_1=str.indexOf("count=")                   // 쿠키에서 count= 가 시작되는 위치
  var po_2=str.indexOf(",name=")                   // 쿠키에서 name= 이 시작되는 위치
  var po_3=str.indexOf(";")                        // 쿠키에서 ;  이 있는 위치

  var count=str.substring((po_1+6),(po_2))   

      if(po_3<5)                                   // 쿠키에서 ; 이 시작되는 위치가 5 보다 작으면
        {
	 var name=str.substring((po_2+6),len)
	}
      else
	{
	 var name=str.substring((po_2+6),(po_3))       
	}

    count=eval(count)+1             // "1"은 문자로 저장되었기 때문에 eval()함수를 이용해서 숫자형태로 전환해서 +1 함

  var today = new Date();
    var expire_day = new Date(today.getTime() + 1 * 24 * 60 * 60 * 1000);
        expire_day = expire_day.toGMTString()

  var mycookie="count=" + count + ",name=" + name + ";expires=" + expire_day

  document.cookie=mycookie              // 쿠키정보에 +1 된 숫자와 이름을 다시 만료일자와 함께 저장함

    name=unescape(name)                   // name 을 아스키코드로 변환

  document.write("<code><font color=green>" + name + "</font>님 안녕하세요. 오늘 </code>" +
	"<tt>" + count + "</tt><code> 번째 방문하셨습니다.</code>") 

 }
}

getcookie()            // 로딩시 함수 호출

document.write("<br><br>")
document.write("<b style=font-size=12>현재의 쿠키정보 : </b><tt>" + document.cookie +"</tt>")
//-->                     
</script>