[normaltic 취업반 5기] 2023-11-01 2주차 과제 : 4번 과제 & 추가 미션

 

4번 과제 및 추가 미션

 

목표 기능 : 회원 가입 페이지 제작 및 기능 구현

추가 기능 : 유효성 검사, 아이디 중복 검사 기능 구현

추가 미션 : 각 계정의 정보를 볼 수 있는 마이 페이지 제작 및 기능 구현

 

sign_up.php

 

회원 가입 페이지 화면

 

sign_up.php 페이지 작동 순서는 다음과 같다.

• 이름, ID, Password, Password_Check, 나이를 입력란에 입력하면 POST 메소드 방식으로 sign_up_proc.php 페이지로 데이터를 전달한다.
• 회원가입 버튼을 누르면 sign_up_proc.php 페이지로 데이터를 전달하고 이동한다.

 

sign_up_proc.php 1/2

 

 

경고 팝업창

 

sign_up_proc.php 페이지의 작동 순서는 다음과 같다.

• sign_up.php 페이지에서 전달받은 데이터를 각 변수에 저장한다.
• 유효성 검사를 위해 저장된 변수의 문자열 길이를 strlen() 함수로 계산한다. 공란이 있다면 해당하는 공란에 대한 경고 팝업창을 보여주고 sign_up.php로 이동한다.

 

sign_up_proc.php 2/2

 

 

 

• 유효성 검사를 완료하면 회원 가입 처리를 진행한다.
• DB를 연결하여 입력한 ID가 저장되어있는지 확인한다. 만약 이미 존재하는 ID라면 경고 팝업창을 보여주고 sign_up.php 페이지로 이동한다.
• 또한 Password와 Password_Check 값이 불일치한다면 경고 팝업창을 보여주고 sign_up.php 페이지로 이동한다.
• 아이디 중복 검사와 비밀번호 일치 검사를 완료하면 DB에 입력된 정보를 저장 후 login.php로 이동한다.

 

회원 가입 처리 과정

 

회원 가입 전 DB 저장 상태

새로운 계정 정보 입력

회원 가입 완료

회원 가입 후 DB 저장 상태

 

my_page.php

 

로그인 화면

로그인 후 index.php 페이지로 이동하여 마이페이지 버튼 클릭

my_page.php 페이지로 이동하면 계정에 대한 정보가 표시

 

my_page.php 페이지의 작동 순서는 다음 과 같다.

• 해당 페이지가 요청되면 $id 변수에 $_SESSION['user_id'] 세션 변수를 저장한다.
• DB를 연결하여 $id 변수와 같은 user_id를 가진 데이터를 조회하여 그 결과를 $row 변수에 저장한다.
• $row 변수에 저장된 데이터들을 모두 화면에 표시한다.