본문 바로가기

컴퓨터

자바스크립트 if문 과 쿠키 (cookie) 사용방법

반응형

자바스크립트의 if문에 대해서 알아보도록 하겠습니다.  

 

현실 세계에서  우리는  하루에도 많은 결정을 하게 됩니다.  어디를 찾아 가기 위해서 운전을 할때도

왼쪽 길로 가야 하는지  오른쪽 길로 가야 하는지

결정을 해야 합니다. 

 

그럼 우리의 뇌는 어떻게  이런 결정을 내릴수가 있을 까요?   목적지를 가기 위해서 우리는 먼저 정보를 파악을 하고 그에 해당 하는 길을 판단하고 결정을하게 됩니다.

 

자바스크립트도  이런 결정을 내릴수 있도록 도와 주는것이 if 문입니다. 

 

if문은 어떤 갈림길에서  우리가 원하는  데이터와 일치를 하면  문장을 실행을 하고  또는  일치를 하지 않아도 지정한 문장을 실행을 할수  있도록  할수가 있습니다.  

 

그럼 어떻게 사용을 할까요?

 

if(Num == 1) 

  alert("1번 입니다."); 

 

위의 코드에서 Num 변수가 만약 숫자 1과 동일 하다면  true를 반환을 하게 됩니다. 틀리다면 false를 반환을 하게 됩니다.

 

 

※ if을 쓰고 괄호로 둘러 쌉니다. 그러고 나서 괄호 안에 조건식을 입력을 하여 줍니다. 세미콜론(;)은 작성하지 말아주세요!  그리고 나서  true를 반환을 할때 실행될 문장을 작성을 하여주세요 그리고 나서  세미콜론을 찍어서 문장을 끝을 알려 줍니다.  

 

이때 if문 조건절에 다음에 오는 실행될 코드를  가급적 들여쓰기를 하여 작성을 하는것이 좋습니다.  들어쓰기를 해서 작성을 하면  코드를 분석을 할때 한결 편합니다.

 

 

true 를 반환을 할때는 어떻게 작성을 하는지 알겠는되  그럼 false를 반환을 할때 실행될 코드는 어떻게 작성을 할까요?   else 문을 이용을 하시면 됩니다. 

 

작성방법은 

 

if (  조건문 )

  실행될 문자  ;

else

   false일때 실행될 코드 ; 

 

이렇게 작성을 하시면 됩니다.    간단한 예를 통해서 알아보도록 하겠습니다.  

 

 

 위의 코드를 실해을  하여 보도록 하겠습니다.

 

 

그럼 false를  반환을 하기 때문에  else 문장이  실행이 되는 것을 확인을  할수가 있습니다.

 


다음으로   웹페이지를  제작을 할때 꼭 필요한

요소중에 하나인 쿠키에 대해서  알아보도록 하겠습니다. 

 

쿠키는  사용자의  간단한 정보를 클라이언트에 저장을 하여  다음에  방문을 하였을 때  서버에 부담을 줄이고  사용자 마다  차별화된  서비스를  제공을 하고자 할때 사용을 하면 됩니다. 

 

하지만 쿠키를 사용을 할때  사용자의 개인정보나 민감한 정보를  저장을 하는 것은 그리 좋은 생각은 아닙니다. 

 

그렇기 때문에  사용자 환경 설정값 이나  기타 문제가 되지 않는 데이터를  저장을 하는 것이 좋습니다.

 

그럼  어떻게 쿠키를 읽고 쓰고 삭제를 하는지 알아보도록  하겠습니다.

 

 

우선  쿠키를 읽는 함수에 대해서  알아보도록 하겠습니다.

 

 

쿠키를 저장하는 함수에 대해서 알아보도록 하겠습니다.

 

function writeCookie(name, value, days) {    //  쿠키의 이름 , 값 , 소멸일자의 값

 

  var expires = "";

  // 쿠키가 지속되는 날짜수를 지정
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 

    expires = "; expires=" + date.toGMTString();
  }

  // 쿠키를 저장을 합니다. 

  document.cookie = name + "=" + value + expires + "; path=/";
}

 

쿠키를 삭제를  할경우

 

function delCookie(name) {
// 특정 쿠키를 삭제
writeCookie(name, "", -1); // 값을 할당하지 않고 소멸일자(-1)를 소멸시켜 쿠키를 삭제.
}

반응형