로그인 페이지에서 사용자 이름과 비밀번호를 기억하는 기능을 어떻게 실현합니까

로그인 페이지에서 어떻게 사용자 이름과 비밀번호를 기억하는 기능을 실현합니까?
사고방식: 쿠키를 사용하는 방법으로 사용자 이름과 비밀번호를 로컬 컴퓨터에 저장하고 쿠키의 유효시간을 설정하면 된다.
안전성이 어떻게 깨집니까?
암호화된 데이터?
------------------------------------

function setCookie(name, value, timeout) {
var d = new Date();
d.setDate(d.getDate() + timeout);
document.cookie = name + '=' + value + ';expires=' + d;
}
function getCookie(name) {
var arr = document.cookie.split('; ');
for ( var i = 0; i < arr.length; i++) {
var arr2 = arr[i].split('='); //['abc','cba']
if (arr2[0] == name) {
return arr2[1];
console.log(arr2[1]);
}
}
return '';

}

PS 페이지 로드 시 쿠키 가져오기

//  cookie
var userName = getCookie("username");
console.log(userName);
if (userName) {
$scope.user.username = userName;
}

체크시 쿠키 설정

if ($scope.checkbox) {
//       cookie
setCookie("username", $scope.user.username, 1);
//           
$location.path("/member/personalInfo");
} else {
//           
$location.path("/member/personalInfo");
}

PS:
쿠키 문자열
document.쿠키 속성은 일반적인 텍스트 문자열처럼 보이지만 사실은 그렇지 않습니다.
파일에서쿠키에 온전한 쿠키 문자열을 기록합니다. 이 쿠키 정보를 다시 읽을 때 쿠키 정보는 이름/값이 맞는 형식으로 표시됩니다.
새 쿠키를 설정하면 이전 쿠키는 덮어쓰지 않습니다.새 쿠키가 파일에 추가됩니다.쿠키에서 파일을 다시 읽으면쿠키, 다음과 같은 데이터를 얻을 수 있습니다.
cookie1=value; cookie2=value;