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가 잘 출력되었다.
+ 자동로그인도 잘 구현되는 것을 확인
'팀프로젝트 > JAVA' 카테고리의 다른 글
JAVA 팀플) 20240216_아이디/비밀번호 찾기 기능 통합 (0) | 2024.03.20 |
---|---|
JAVA 팀플) 20240213 로그인 화면 변경 / CSS 전면 외부파일화 (0) | 2024.03.19 |
JAVA 팀플) 0207_AutoFocus / 네비게이션바 / SSN을 숫자로 입력 제한 (0) | 2024.03.18 |
JAVA 팀플) 20240205 (0) | 2024.03.15 |
JAVA 팀플) 20240126 DTO, 네비게이션바, 이름 제약 설정 (0) | 2024.03.15 |