WEB 만들기/mk_web - JS, PHP, MYSQL
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.9 - 게시판 목록 페이지 만들기WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 21. 23:06
게시판 데이터 베이스를 만들고 게시판 목록 페이지를 만들어 보았다 게시판 테이블 생성 phpMyAdmin을 이용하여 게시판 테이블을 만들어 주었다 게시물 번호, 제목, 내용, 저자, 글 작성시간을 입력해 주었다 만들어진 테이블에 값을 입력해 보았다 정상적으로 입력이 되었다 INSERT INTO `테이블 이름`( `제목`, `내용`, `저자`, `작성 시간` ) -- 열 이름 VALUES ( '제목내용','글내용','저자내용', now() ); -- 각각의 열에 들어갈 내용들 -- now() 함수를 사용해 현재 시간을 저장해 주었다 -- `(백틱)은 영어로 하였을때 나오고 ₩는 한글로 하면 나온다 게시판 페이지 1 ~ 4 필요한 파일을 포함시켜 준다 6 ~ 15 페이지의 중간에 오도록 해 주고 제목 부분을..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.8 - 메인페이지, 게시판페이지, 마이페이지 기초 만들기WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 21. 18:44
메인페이지를 만들면서 게시판과 마이페이지의 기초도 같이 만들어 줬다 메인페이지 test님 환영합니다, home, 게시판, 마이페이지, 로그아웃이 있는 부분은 모든 페이지에 공통으로 적용하기로 하였다 마찬가지로 맨 아래에 home, 게시판, 마이페이지, 로그아웃도 모든 페이지에 공통으로 적용해주었다 26 ~ 27 부트스트랩을 이용하기 위해 추가했다 32 ~ 46 부트스트랩을 이용하였고 home, 게시판, 마이페이지, 로그아웃을 클릭하면 해당 페이지로 이동하도록 해 주었다 48 ~ 65 화면에 보이는 내용을 간단히 채워 넣어줬다 67 ~ 81 페이지 하단 부분으로 마찬가지로 home, 게시판, 마이페이지, 로그아웃을 누르면 해당페이지로 이동하도록 해 주었다 메인페이지 - 분리하기 1, 26 공통적으로 적용해..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.7 - 회원가입시 아이디 중복확인하기WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 6. 23:54
회원가입을 할 때 아이디 중복체크기능을 만들어줬고 아이디 중복체크를 하지 않으면 회원가입이 되지 않도록 했다 아이디 중복확인 - 회원가입 페이지 먼저 회원가입 페이지는 위와 같다 아이디 중복확인버튼을 누르지 않았으므로 회원가입버튼을 눌러도 전송이 되지 않는다 20 먼저 자바스크립트 코드를 head 태그 안에 포함시켜 준다 33, 36, 38 아이디 입력하는 부분의 id 값을 id로, 아이디 중복확인 버튼의 id 값은 id_check로 해준다 아이디 중복확인 - JavaScript 1 ~ 4 회원가입페이지에서 id값을 이용해 각각 변수에 대입해 준다 ( nf_btn 은 맨 아래 회원가입버튼 ) 6 ~ 13 아이디 중복확인 버튼이 눌러지면 입력한 아이디값의 양쪽 공백 제거 후 uid 변수에 넣어주고 아이디값..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.6 - 로그인, 로그아웃 (SESSION 사용하기 )WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 6. 16:02
메인 홈페이지를 만들어주고 로그인, 로그아웃기능을 만들어 줬다 로그인정보 확인 23 ~ 34 데이터베이스에 정보를 조회하고 있다면 세션을 발급하고 메인페이지로 이동시킨다 정상적으로 로그인되었다 홈페이지 3 ~ 13 세션을 사용하기 위해 seesion_start()를 해 주었으며 로그인과정에서 받은 session이 없다면 접근이 불가능하도록 해 주었다 27 ~ 31 세션을 이용하여 사용자 구분을 해주었고 로그아웃기능도 추가했다 세션이 없어서 접근이 불가능했다 로그아웃 3 ~ 12 세션을 파괴시켜서 없애주고 알림 창을 띄운 뒤 로그인 페이지로 이동시켜 준다 정상적으로 로그아웃 되었다
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.5 - 회원가입, 입력정보 저장WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 6. 15:25
회원가입에 실패하여 다시 회원가입 페이지로 돌아왔을 때 이전에 입력했던 정보가 저장이 되도록 했다 회원가입 페이지 16 사용자가 입력한 정보를 GET 방식으로 넘겨주기위해 작성하였다 30 ~ 34,36 and 44 ~ 48, 50 GET 방식을 이용하여 아이디와 이름값이 있는경우 해당하는 값이 자동으로 적히도록 해 주었다 32, 38, 44, 50, 56 뒤에 &uinfo를 같이 보내주어 아이와 이름의 값을 같이 주도록 했다 성별을 선택하지 않으니 아이디와 이름 모두 입력했던대로 나왔다 URL : test.com?uid='입력했던 아이디'&upw='입력했던 비밀번호' if (isset($_GET['uid'])) {
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.4 - 회원가입, 공란확인, 체크박스 확인WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 6. 13:56
회원가입 시 작성해야 하는 값들 중에서 공란이 있는지 확인해 주도록 했다 성별 체크박스 확인하기 input의 type=checkbox로, value는 전달하고자하는 값으로, name은 배열의 이름으로 9 ~ 12 회원가입페이지에서 체크가 되어있다면 값이 넘어오고 그렇지 않다면 값이 넘어오지 않는다 성별 체크박스 적용하기 10 ~ 20 $gender_list 배열에 기본값으로 default를 입력해논 뒤 0번, 1번의 값이 있다면 배열에 추가해 준다 ( 성별을 체크하지 않거나 2개다 체크할 경우 배열의 길이는 1, 3 이 된다 ) 22 ~ 29 만약 남자, 여자 체크박스 중의 1개를 선택했다면 배열의 길이는 2가 되므로 배열의 길이가 2인경우만 success를 출력하도록 해준다 회원가입 페이지 26 ~ 2..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.3 - 로그인, 공란확인WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 6. 00:01
로그인페이지에서 아이디와 비밀번호를 입력하고 로그인이 되도록 만들었다 로그인정보 확인 페이지 3 ~ 6 데이터베이스에 연결해야하므로 normal_db.php파일을 가져와 준다 만약 아이디의 값이 존재하고 비어있지 않다면 입력된 아이디를 $uid 변수로 만약 비밀번호의 값이 존재하고 비어있지 않다면 입력된 비밀번호를 $upw 변수로 8 ~ 21 만약 $uid 값이 비어있다면 아이디를 입력해달라는 메시지와 함께 로그인페이지로 만약 $upw 값이 비어있다면 비밀번호를 입력해달라는 메시지와 함께 로그인페이지로 아이디와 비밀번호 모두 값이 존재한다면 성공을 출력하도록 해 주었다 로그인 페이지 20 ~ 26 GET 방식으로 넘어온 값이 있을경우 화면에 넘어온 값을 그대로 보여지도록 했다 php 코드인 부분은 로 감..
-
[JS, PHP, MySQL] 웹 사이트 만들기 1.2 - 로그인, 회원가입 페이지 만들기 ( Boot Strap 사용 )WEB 만들기/mk_web - JS, PHP, MYSQL 2023. 5. 5. 21:36
화면에 보이는 로그인페이지와 회원가입 페이지를 만들었다 Boot Strap 사이트에 접속하여서 화면을 내리다 보면 위와 같은 화면이 나온다 파란색 동그라미 되어있는 부분을 복사하여 내가 사용하고자 하는 페이지에 붙여 넣기 해주면 CSS 요소를 편하게 사용할 수 있다 검색을 통하여 찾을수도 있고 직접 찾을 수도 있다 목록 중에서 내가 원하는 것이 보인다면 전체를 복사하여 내가 원하는 대로 바꿔주면 된다 로그인 페이지 부트스트랩을 포함하여 css 관련은 head안에 넣어주고, 화면에 보여지는 부분들은 body 부분에 작성하였다 위 사진과 같이 로그인 페이지가 간단하게 만들어 졌다 회원가입 페이지 1 ~ 5 아이디, 비밀번호등 입력한 정보를 데이터베이스에 전달하여 확인하거나 저장해야 하므로 데이터베이스를 연결..