[Web Application-개발] 2023-11-06 웹 어플리케이션 제작 프로젝트 : 회원 가입 페이지 만들기 #5
2023. 11. 6. 17:05ㆍProject/Web Application-개발
프로젝트 일지
지난번 작업에서 로그인 페이지 기능 구현을 끝마쳤다. 이번에는 회원 가입 페이지를 제작하여 기능 구현까지 진행할 예정이다.
- 회원 가입 페이지 제작 및 기능 구현
sign_up.php
sign_up.php 파일의 작동 순서는 다음과 같다.
- 입력란에 적합한 내용을 입력한 후 회원가입 버튼을 누르게 되면 sign_up_proc.php 페이지로 데이터를 POST 메소드 방식으로 전송한다.
sign_up_proc.php 1/2
sign_up_proc.php 파일의 작동 순서는 다음과 같다.
- sign_up.php 페이지에서 전송된 데이터를 각 변수에 저장한다.
- 입력란에 공란이 없이 전송이 되었는지 유효성 검사를 진행한다.
- 만약 공란이 있는 상태에서 회원 가입 버튼을 클릭한 경우 경고 팝업창을 보여주고 회원 가입 페이지로 이동한다.
sign_up_proc.php 2/2
유효성 검사를 성공적으로 통과하게 되면 작동 순서는 다음과 같다.
- 전송된 ID 데이터를 데이터베이스에 저장되어있는 user_id와 비교하여 중복 검사를 진행한다. 이미 데이터베이스에 저장되어 있는 ID라면 경고 팝업창을 보여주고 회원 가입 페이지로 이동한다.
- passwd 값과 passwd_check 값이 일치하는지 확인한다. 만약 불일치 할 경우 경고 팝업창을 보여주고 회원 가입 페이지로 이동한다.
아이디 중복 검사와 비밀번호 일치 검사가 모두 완료되면 작동 순서는 다음과 같다.
- 회원 가입 페이지에서 알맞는 데이터를 입력 후 회원가입 버튼을 클릭한다.
- 유효성 검사, 아이디 중복 검사, 비밀번호 일치 검사를 모두 완료하게 되면 else문에 진입하게 된다.
- else문에서는 전달받은 데이터를 데이터베이스에 저장하는 작업을 진행한다.
- 성공적으로 저장이 완료되면 회원가입이 완료되었다는 경고 팝업창을 보여주고 로그인 페이지로 이동하게 된다.
앞으로 할 작업
- 각 계정별 마이페이지 작성
- 코드 리펙토링 및 최적화