JAVA 팀플) 0208_자동로그인 / css 외부파일화

1. 자동로그인 구현

document.cookie = "savedUserId=; expires=0; path=/";

document.cookie = "savedUserPw=; expires=0; path=/";

 

// 아이디 저장 체크박스 상태에 따라 쿠키 생성

if ($("#userIdSave").prop("checked")) {

var userId = $("#userId").val();

//쿠키 유효기간 1일, 경로 지정은 보류(WEB-INF/member/Login/loginMain.jsp)

document.cookie = "savedUserId=" + userId + "; expires=" + getCookieExpiration(1) + "; path=/";

}

 

// 자동로그인 체크박스 상태에 따라 쿠키 생성

if ($("#autoLogin").prop("checked")) {

var userId = $("#userId").val();

var userPw = $("#userPw").val();

//쿠키 유효기간 1일, 경로 지정은 보류(WEB-INF/member/Login/loginMain.jsp)

document.cookie = "savedUserId=" + userId + "; expires=" + getCookieExpiration(1) + "; path=/";

document.cookie = "savedUserPw=" + userPw + "; expires=" + getCookieExpiration(1) + "; path=/";

}

 

// 쿠키 불러오기

var savedUserId = getCookie("savedUserId");

var savedUserPw = getCookie("savedUserPw");

 

// 쿠키를 이름으로 가져오는 함수

function getCookie(name) {

var cookies = "; " + document.cookie;

var parts = cookies.split("; " + name + "=");

if (parts.length == 2){ //쿠키에 유저 아이디가 있는 경우

return parts.pop().split(";").shift(); //찾는 쿠키를 세미콜론을 기준으로 기준으로 자르기

}

}

 

// 쿠키가 존재하면 아이디 입력란에 표시

if (savedUserId) {

$("#userId").val(savedUserId);

$("#userIdSave").prop("checked", true);

}

 

// 자동로그인으로 비밀번호 쿠기가 존재하면 비밀번호 입력칸에 표시

if (savedUserPw) {

$("#userPw").val(savedUserPw);

$("#autoLogin").prop("checked", true);

}

 

 

2. CSS 외부파일화

 

 

 

 

 

 

외부파일로 돌린 CSS가 잘 출력되었다.
+ 자동로그인도 잘 구현되는 것을 확인