회원가입 페이지 만들기 & DB연동하기

[이 블로그는 해킹 공부하면서 가볍게 정리용으로 기록 및 내 생각을 끄적여 두기 위한 블로그(라 쓰고 일기라 읽는)이다.]

 

부트스트랩으로 회원가입 페이지를 만들고 DB연동하기를 우선 해봤는데 에러가 나고 막히는 부분이 있어서 우선 간단하게 만들고 꾸미기로 했다. (급할수록 돌아가라 라는 말이 통용되었다.) 

 

 

회원가입 버튼 생성 코드

 

기존 로그인 페이지 코드에 <a> 태그를 써 href 속성으로 정보입력을 받는 링크 또는 서버의 경로를 넣어주고 타입은 버튼 그리고 저장해 주면 끝!

 

 

로그인 페이지에 생성된 회원가입 버튼

 

그럼 회원가입 버튼이 이렇게 생길 것이다. 

 

 

정보입력&nbsp; 받는 코드

 

 

 1. 회원가입에서 받은 정보를 관리하기 위해 mysqli_connect 함수를 사용해 DB 연동 코드 작성

 2. 이름, 아이디, 비밀번호, 핸드폰번호, 성별 정도를 입력해주는 html input 코드를 작성( 밑에 html input으로 작성하였으         나 잘렸다.)

 3. input으로 받은 post  타입의 정보를 각각의 변수로 담아준다.

 4. 그리고 insert 쿼리문을 작성하여 sql이라는 변수에 담아준다.

 5. mysqli_query로 쿼리문을 실행한다. 

 

 

회원가입 정보입력

 

 

회원가입 완료 메시지가 떴으니 DB에서 정보가 잘 들어왔는지 확인해 보자.

 

 

 

 

정보가 잘 들어온 것을 확인할 수 있다. 전화번호는 칼럼을 int로 설정해서 앞에 0이 잘린 것 같다. 그리고 id는 식별을 위한 중요한 정보이므로 프라이머리 키로 설정해 놓았다. 비밀번호는 암호화를 하지 않아 그대로 보이는 것을 확인할 수가 있다. 해커한테 db가 털리면 크리덴셜 스터핑 공격을 당하기 좋은 상황이다.

 

그리고 이처럼 간단하게 완성한 후 오류 원인을 찾고 부트스트랩으로 적용하여 좀 더 스타일리시한 페이지를 만들어 보았다.

 

 

 

 

 

 

 

오류가 두 가지가 있었다. 처음 회원가입 버튼을 누르면 안 넘어가지거나(아무 반응 없음), 넘어가져도 action 속성으로 로그인 정보를 확인하는 페이지로 넘어가는 현상이 일어났다. 원인은 button으로 했을 때 타입을 submit으로 지정하거나 아니면 아무것도 지정하지 않은 방법이다. (멍청하게 button태그에 button 속성으로 지정했다.) 그리고 button을 쓰지 않을 거면 <a> 태그를 이용해 href 속성을 주는 방법이 있다.

 

그리고 회원가입 정보입력 페이지에서 가입 완료버튼을 누르면 계속 오류 메시지가 떠서 한참 고생했는데 이거는 몇 시간을 찾아 헤매고 오류 찾으려고 echo 넣어가며 별 생쇼를 다했었고 원인은 변수이름 오타였다. 너무 허무했지만 db에 김철수라는 사람의 이름이 뜨는 것을 보고 왜 웃음이 나는지 허허허... 정말 단순하다. 오류도 그리고 나도