순서 1. login.jsp (로그인 실패) 2. header.jsp (로그인 성공) 1. login.jsp (로그인 실패) 로그인 페이지는 서버로부터 받은 result 변수에 담긴 데이터를 활용하여 로그인에 실패하였다는 경고 문구가 뜨도록 만들었습니다. 먼저 경고 문구를 포함한 div태그와 해당 태그의 css 코드를 추가합니다. 태그의 추가 위치는 클래스 속성명 'input-box'인 div태그와 클래스 속성명 'input-box button'인 div 태그 사이입니다. 사용자 ID 또는 비밀번호를 잘못 입력하셨습니다. /* 로그인 실패시 경고글 */ .login_warn{ margin-top: 30px; text-align: center; color : red; font-size: 10px; } JS..
순서 1. 로그인 페이지(login.jsp) 아이디, 비번 전송 2. 로그인 처리 메서드 작성(MemberController.java) 1. 로그인 페이지(login.jsp) 아이디, 비밀번호 전송 이전에 구현한 회원가입과 같습니다. 아이디, 비밀번호 항목란에 데이터를 입력하고 로그인 버튼을 누르면 데이터가 서버에 전송됨과 함께 로그인 기능을 수행하는 메서드를 요청하도록 작성했습니다. 1-1. form 태그 추가 & input 태그에 name 속성 추가 클래스 속성명이 'container'인 div 태그 바로 다음 줄에 태그를 작성했습니다. form 태그의 id속성명은 'login_form'이고 method 속성명은 post입니다. SWAN 비밀번호 찾기 | 아이디 찾기 | 회원가입 아이디와 비밀번호를 ..
순서 1. span 태그 추가 2. 이메일 형식 검사 메서드 3. 메서드 적용 4. 테스트 1. span 태그 추가 이메일 형식이 올바르지 않을 때 뜨는 경고글입니다. 클래스 속성명을 mail_input_box_warn으로 하였습니다. 위치는 클래스 속성명 final_mail_ck 인 span태그 바로 아래에 추가해줍니다. 2. 이메일 형식 검사 메서드 이메일 형식 검사 메서드에 JavaScript에서 제공하는 test() 메서드를 사용했습니다. 해당 메서드는 주어진 문자열이 정규 표현식을 만족하는지 판별하고, 그 여부를 true 또는 false로 반환합니다. 이름이 mailFormCheck이고 매개변수명이 email 인 메서드를 script 태그 내부에 작성합니다. /* 입력 이메일 형식 유효성 검사 ..