최대 1 분 소요

1️⃣ loginForm.jsp

Untitled

가장 먼저 보이는 로그인 화면 입니다. login 버튼을 눌러 로그인 할 수 있으며 회원가입 버튼을 눌러

가입 할 수 있습니다.

2️⃣ WriteForm.jsp

Untitled

회원 가입 페이지입니다.

form 안의 input 로 값을 받아 WriteCheck.jsp 로 post api 를 보냅니다

주소창의 우편번호 찾기 버튼을 누를시 daum 주소 api 를 불러와 사용할 수 있도록 만들었습니다.

3️⃣WriteCheck.jsp

Untitled

post 로 받은 파라미터를 DB에 저장합니다. ID 중복시에는 오류페이지를 전송합니다

4️⃣ LoginCheck.jsp

Untitled

올바른 id 와 password 가 입력되었는지 DB 에 쿼리문 을 보내 확인 합니다.

올바른 id 와 password 입력 시 로그인 성공화면을

띄우고 아래에 회원정보 를 수정할 수 있는 버튼을 띄웁니다.

회원번호를 수정하기 위해서는 아이디와 비밀번호를 재 확인 해야 하며

재확인칸 에 넣은 파라미터는 post api 로 UpdateForm.jsp 에 전송됩니다.

5️⃣ UpdateForm.jsp

Untitled

UpdateForm 은 input 의 value 에

기존 DB 에 저장된 회원의 데이터를 불러와 빈칸에 삽입하였습니다.

이는 사용자 경험에 이점이 있습니다.

카테고리:

업데이트:

댓글남기기