회원가입 후 로그인 호환

1. 회원가입 데이터를 활용한 로그인 기능 구현
   • 로그인 시 회원가입된 데이터로 로그인 확인
2. Step 1: 테이블 설정 및 id 필드 수정
   • from 구문 내 id 필드 제거
   • input-container 내 id를 user_id로 변경
3. Step 2: 회원가입 및 로그인 코드 업데이트
   • 회원가입과 로그인 페이지의 코드 일치화 작업
   • proc.php 파일 업데이트 및 작동 확인
4. Step 3: 로그인 후 user_id 표시 페이지 구성
   • 로그인 성공 시 user_id 출력 구현을 위한 HTML 스켈레톤 준비
   • login_process.php를 브릿지로 활용하여 welcome.php로 데이터 전송
5. Step 4: 동적 페이지 welcome.php 작성
   • welcome.php 생성 및 user_id 환영 문구와 로그아웃 기능 구현
6. 작동 확인 및 테스트 결과
   • 각 단계별 기능 테스트 및 작동 결과 확인
7. 닉네임 기능 추가 개요 및 데이터베이스 수정
   
   • 회원가입 및 로그인 페이지 코드 수정

회원가입 데이터를 활용한 로그인 기능 구현

이제 가장 중요한 작업입니다: 회원가입을 통해 받은 데이터로 로그인을 구현해 보겠습니다.

우선, 기존 코드에 맞게 테이블을 설정하는 작업부터 시작하겠습니다.

 

 

• from 옆의 id 부분을 제거합니다. id 부분을 입력하면 인식 오류가 발생하여 id 필드를 모두 제거했습니다.
• input-container 내의 id 부분도 user_id로 모두 변경했습니다.

 

 

새로운 테이블을 만들었으므로, 회원가입 섹션 역시 로그인 페이지 코드처럼 동일하게 수정했습니다.

 

 

proc.php 파일들도 모두 업데이트하여 회원가입과 로그인 기능이 정상적으로 작동하는지 확인해 보겠습니다.

 

 

회원가입이 성공적으로 작동하는 것을 확인했고, 로그인 페이지에서도 성공적으로 데이터가 전달되는 것을 볼 수 있었습니다.

 

이제 로그인 후 회원의 id가 표시되도록 페이지를 만들어 보겠습니다.

이를 위해 기본 HTML 스켈레톤이 필요합니다. 현재는 로그인 성공 시 login_process.php로 이동하여 로그인 성공 여부를 확인하고 있지만, login_process.php에는 많은 코드가 있어 추가적인 HTML 코드를 넣기에 부적절해 보입니다. 따라서, 브릿지 형식으로 login_process.php에서 받은 user_id를 사용해 welcome.php라는 동적 페이지로 이동하여 user_id가 포함된 환영 문구와 로그아웃 기능을 구현했습니다.

로그인된 회원의 id가 출력되도록 설정하려면, 로그인 성공 시 새로운 페이지로 이동하도록 설계해야 합니다. 이 페이지에서 회원의 id가 출력되도록 설정할 것입니다.

• login_process.php는 브릿지 역할을 하고, user_id를 이어받을 동적 파일이 필요하므로 welcome.php라는 파일을 생성하여 HTML 코드와 user_id를 적용하는 코드를 작성했습니다.

 

이렇게 구성한 후, 기능이 잘 작동하는지 확인하러 가보았습니다.

 

 

문제없이 잘 작동하는 것을 확인했습니다.

 

닉네임 기능 추가 개요

회원가입 시 닉네임을 함께 입력받아 저장하고,
로그인 후 환영 페이지에서 해당 닉네임을 표시하는 기능을 추가해 보겠습니다.

 

데이터베이스에 닉네임 열 추가

phpMyAdmin에서 users 테이블을 열고 새로운 열을 추가합니다.

새로운 열의 이름을 **nickname**으로 설정하고, 데이터 유형을 VARCHAR(40)으로 지정했습니다

회원가입 페이지 수정하기

닉네임을 입력받을 수 있도록 회원가입 HTML과 PHP 코드를 수정합니다.

일단 이렇게 하면 회원가입은 잘 받아지는 것을 확인할 수 있습니다.

 

로그인 시 닉네임 세션에 저장하기

아직 로그인하면 id로만 출력되기 때문에 이후 페이지에서도 사용할 수 있도록  nickname을 저장하고 welcome.php로 전달해보도록 합시다.

출력이 잘되는지 확인하러 가봅시다.