[JS, PHP, MySQL] 웹 사이트 만들기 1.2 - 로그인, 회원가입 페이지 만들기 ( Boot Strap 사용 )

화면에 보이는 로그인페이지와 회원가입 페이지를 만들었다

 

Boot Strap 사이트에 접속하여서 화면을 내리다 보면 위와 같은 화면이 나온다

파란색 동그라미 되어있는 부분을 복사하여 내가 사용하고자 하는 페이지에 붙여 넣기 해주면 CSS 요소를 편하게 사용할 수 있다

 

 

검색을 통하여 찾을수도 있고 직접 찾을 수도 있다

목록 중에서 내가 원하는 것이 보인다면 전체를 복사하여 내가 원하는 대로 바꿔주면 된다

 

 

로그인 페이지

부트스트랩을 포함하여 css 관련은 head안에 넣어주고, 화면에 보여지는 부분들은 body 부분에 작성하였다

 

위 사진과 같이 로그인 페이지가 간단하게 만들어 졌다

 

 

회원가입 페이지

1 ~ 5
아이디, 비밀번호등 입력한 정보를 데이터베이스에 전달하여 확인하거나 저장해야 하므로 데이터베이스를 연결해 준다

13 ~ 19
화면 상단에 보이는 제목을 입력해 주었고 부트스트랩, css파일의 링크를 아래쪽에 추가해 주었다

23 ~ 27
form 태크안의 정보들을 POST방식으로 new_friend_check.php 로 보내주도록 해주었고
제목과 아이디를 작성해 주었으며 한글 '아이디' 부분을 클릭하면 입력창이 선택되도록 만들어 주었다

 

29 ~ 36
회원가입 시 필요한 정보들을 복사 붙여 넣기 후 바꿔줘야 할 부분을 바꿔주었다

39 ~ 48
성별 체크하는 부분을 만들어주었고 '회원가입' 버튼을 클릭하면 위에 입력한 정보들이 전달되도록 해주었다

 

회원가입 페이지도 정상적으로 만들어졌고 체크도 잘된다