집 >웹 프론트엔드 >JS 튜토리얼 >Node.js 브라우저 쿠키 설정 예

Node.js 브라우저 쿠키 설정 예

小云云원래의: 2018-03-13 16:37:261468검색

쿠키는 이제 누구나 자주 언급하는데, 쿠키란 정확히 무엇이고 어떤 역할을 할까요? 쿠키는 웹페이지가 메모리 기능을 갖고 특정 정보를 특정 컴퓨터에 저장할 수 있도록 하는 데이터 패킷입니다. 쿠키의 작동 원리는 쿠키가 서버에 의해 클라이언트 시스템에 먼저 기록된다는 것입니다. 앞으로 귀하가 이 웹페이지를 방문할 때마다 클라이언트는 먼저 쿠키를 서버에 보내고 서버는 판단을 내린 다음 HTML 코드를 생성하여 클라이언트에 반환합니다. 이러한 원칙을 통해 서버는 사용자에 따라 다른 쿠키 파일을 생성할 수 있으므로, 사용자가 동일한 사이트를 다시 방문할 때 다른 쿠키 파일을 기반으로 다른 페이지 정보가 반환될 수 있습니다.

쿠키란 무엇인가요?

일반인의 관점에서: 쿠키는 웹사이트 서버가 소량의 데이터를 클라이언트의 하드 드라이브나 메모리에 저장하거나 클라이언트의 하드 드라이브에서 데이터를 읽을 수 있도록 하는 기술입니다. 쿠키란 귀하가 웹사이트를 탐색할 때 웹서버가 귀하의 하드디스크에 저장하는 아주 작은 텍스트 파일로서, 귀하의 이용자 ID, 비밀번호, 귀하가 방문한 웹페이지, 귀하가 방문한 시간 등의 정보를 기록할 수 있습니다. 귀하가 해당 웹사이트에 다시 방문할 때, 해당 웹사이트는 쿠키의 판독을 통해 귀하의 관련 정보를 학습하고, 귀하를 환영하는 슬로건을 해당 페이지에 표시하거나, 귀하가 아이디나 비밀번호를 입력하지 않고도 바로 로그인할 수 있도록 하는 등의 조치를 취할 수 있습니다. 쿠키 파일은 브라우저와 함께 로컬 하드 드라이브에 자동으로 포함되어 사이트를 탐색할 때 사이트에서 개인 정보를 기록하는 쿠키 파일을 로컬 하드 드라이브에 업로드할 가능성이 높습니다.
쿠키는 localStorage와 유사합니다. 쿠키를 삭제하려면 수동으로만 삭제할 수 있습니다. 물론 쿠키 삭제 외에도 데이터베이스의 설정, 검색, 추가, 삭제, 수정 및 쿼리도 가능합니다. 쿠키를 가져오고 설정하려면 쿠키 플러그인을 사용하는 것 외에도 js를 통해 쿠키를 작동할 수도 있습니다. 여기에서는 js를 통해 쿠키를 얻고 설정하고 삭제하는 방법을 소개하고 싶습니다.
(1) 쿠키 가져오기:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}

(2) 쿠키 설정:

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

(3) 쿠키 삭제:

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

예:

setCookie("id","1");getCookie("id");delCookie("id");

~ 쿠키는 이제 모든 사람이 자주 언급하는데, 쿠키란 정확히 무엇이며 그 기능은 무엇입니까? 쿠키는 웹페이지가 메모리 기능을 갖고 특정 정보를 특정 컴퓨터에 저장할 수 있도록 하는 데이터 패킷입니다. 쿠키의 작동 원리는 쿠키가 서버에 의해 클라이언트 시스템에 먼저 기록된다는 것입니다. 앞으로 귀하가 이 웹페이지를 방문할 때마다 클라이언트는 먼저 쿠키를 서버에 보내고 서버는 판단을 내린 다음 HTML 코드를 생성하여 클라이언트에 반환합니다. 이러한 원칙을 통해 서버는 사용자에 따라 다른 쿠키 파일을 생성할 수 있으므로, 사용자가 동일한 사이트를 다시 방문할 때 다른 쿠키 파일을 기반으로 다른 페이지 정보가 반환될 수 있습니다.

쿠키란 무엇인가요?

일반인의 관점에서: 쿠키는 웹사이트 서버가 소량의 데이터를 클라이언트의 하드 드라이브나 메모리에 저장하거나 클라이언트의 하드 드라이브에서 데이터를 읽을 수 있도록 하는 기술입니다. 쿠키란 귀하가 웹사이트를 탐색할 때 웹서버가 귀하의 하드디스크에 저장하는 아주 작은 텍스트 파일로서, 귀하의 이용자 ID, 비밀번호, 귀하가 방문한 웹페이지, 귀하가 방문한 시간 등의 정보를 기록할 수 있습니다. 귀하가 해당 웹사이트에 다시 방문할 때, 해당 웹사이트는 쿠키의 판독을 통해 귀하의 관련 정보를 학습하고, 귀하를 환영하는 슬로건을 해당 페이지에 표시하거나, 귀하가 아이디나 비밀번호를 입력하지 않고도 바로 로그인할 수 있도록 하는 등의 조치를 취할 수 있습니다. 쿠키 파일은 브라우저와 함께 로컬 하드 드라이브에 자동으로 포함되어 사이트를 탐색할 때 사이트에서 개인 정보를 기록하는 쿠키 파일을 로컬 하드 드라이브에 업로드할 가능성이 높습니다.

쿠키는 localStorage와 유사합니다. 쿠키를 삭제하려면 수동으로만 삭제할 수 있습니다. 물론 쿠키 삭제 외에도 데이터베이스 설정, 검색, 추가, 삭제, 수정 및 쿼리도 가능합니다. 쿠키를 가져오고 설정하려면 쿠키 플러그인을 사용하는 것 외에도 js를 통해 쿠키를 작동할 수도 있습니다. 여기에서는 js를 통해 쿠키를 얻고 설정하고 삭제하는 방법을 소개하고 싶습니다.

(1) 쿠키 가져오기:

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}

(2) 쿠키 설정:

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

(3) 쿠키 삭제:

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

예:

setCookie("id","1");getCookie("id");delCookie("id");

Node.js 브라우저 쿠키 설정 예

쿠키란 무엇인가요?

관련 기사