Today I Learned …

* 개인적인 공부 내용을 기록한 글입니다. 최종 화면 이전 포스팅 https://choco4study.tistory.com/56 [웹개발] 게시글 수정 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 이전 포스팅 https://choco4study.tistory.com/40?category=1054456 [웹개발] 게시글 작성 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시글.. choco4study.tistory.com 게시글 삭제 기능 0. 요약 [1] 작성자가 게시글을 조회하는 경우에만 [삭제] 버튼이 나타나게끔 구현한다. [2] [삭제] 버튼을 클릭하면 게시글을 삭제한다. 1. 다음은 게시글 조회 페이지를 출력하는 view.php에 추가해줄 내용이다.

* 개인적인 공부 내용을 기록한 글입니다. 최종 화면 이전 포스팅 https://choco4study.tistory.com/40?category=1054456 [웹개발] 게시글 작성 기능 * 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시글 작성 기능 0. 요약 [1] 게시글 DB 만들기 [2] 게시글 폼 만들기 [3] 폼과 DB 연결 [4] 끝! + 회원만 작성할 수 있게 세션 검증은 덤 1. 게시글 choco4study.tistory.com https://choco4study.tistory.com/52?category=1054456 [웹개발] 파일 업로드/다운로드 기능 * 개인적인 공부 내용을 기록한 글입니다. 사담 죽다살아났다... 내일은 일정이 있어서 빨리 자야하는데 벌써 세시다...ㅠ 요..

* 개인적인 공부 내용을 기록한 글입니다. 설명 오늘은 조회수와 좋아요 기능에 대해 살펴보려고 한다. 최종 화면 조회수 기능 0. 전제 [1] 게시글 DB에 조회수를 저장할 hit 컬럼을 추가해준 상태이다. (= default 0) [2] 작성자가 아닌 다른 사람이 게시글을 조회하는 경우에만 조회수가 증가하게끔 구현한다. 1. 먼저, 게시글 조회 페이지를 출력하는 view.php에 추가해줄 내용이다. if($_SESSION['user_id'] != $res_view['writer']){ $sql_hit = "UPDATE board SET hit=hit+1 WHERE id=$id"; $res_hit = mysqli_query($conn, $sql_hit); } [1] 현재 게시글을 조회한 사용자가 해당 게..

* 개인적인 공부 내용을 기록한 글입니다. 사담 죽다살아났다... 내일은 일정이 있어서 빨리 자야하는데 벌써 세시다...ㅠ 요즘 블로그도 그렇고 살짝 날로 먹는 것 같아서 마음이 좀 불편... 보고서는 계속 진행 중... 생각보다 진도가 너무 안나간다 ㅠ 설명 오늘은 파일 업로드/다운로드 기능에 대해 다뤄본다. 최종 화면 파일 업로드 기능 0. 전제 게시글 DB에 파일명을 저장할 컬럼을 하나 추가해준 상태이다. 1. 다음은 게시글 작성 페이지를 출력하는 write.php의 폼 내부이다. [1] 태그 내부에 enctype="multipart/form-data" 를 추가해준다. ⇒ enctype 속성은 method가 POST인 경우에만 사용할 수 있다. ⇒ multipart/form-data 는 모든 문자를..

* 개인적인 공부 내용을 기록한 글입니다. 설명 저번에 게시글 리스트 출력을 다뤘으니 이번에는 페이징을 다뤄볼까 한다. 페이징에는 크게 두 가지의 목표가 있다. 1. 한 페이지 당 원하는 개수의 게시글을 출력하고 그때 그때 총 페이지 개수에 따라 페이지 번호를 출력해 링크를 타고 넘어다닐 수 있게끔 한다. 2. 페이지가 20개, 30개 된다면... 혹은 100개 쯤 된다면 페이지 번호 자체도 페이징해주는 편이 보기 편할 것이다. 이걸 보통 block이라고 부른다. 여기서는 먼저 1번을 다뤄본다. 최종 화면 게시글 리스트 페이징 기능 : 게시글 페이징 1. 먼저, 이전에 짜놨던 기본 게시글 리스트 출력 코드이다. //(윗 부분)... [1] 전체 게시글을 id를 기준으로 내림차순으로 정렬하고, [2] wh..

* 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 최종 소감 맨 아래로! 이전 포스팅 http://choco4study.tistory.com/46 [웹개발] 웹 최종 한 눈에 보기 (3) : 문의게시판, 비회원 글작성, 비밀번호 관리 * 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 앞으로 추가할 사항 현재는 회원/비회원에 관계없이 작성자 이름과 비밀번호 choco4study.tistory.com 마이페이지 1. 마이페이지 : 회원 정보 조회 [1] 메인 화면 네비바의 [마이페이지] 를 눌러 마이페이지로 진입했을 때의 첫 모습이다. [2] 네비바가 마이페이지 전용 네비바로 바뀐..

* 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 이후 수정할 사항 현재는 회원/비회원에 관계없이 작성자 이름과 비밀번호를 받고, 모든 문의글이 잠겨있다는 전제이다. ⇒ 회원일 경우 작성자 이름과 비밀번호를 받지 않고, 사용자의 선택에 따라 공개/잠금 여부를 설정할 수 있도록 변경할 생각이다. 이전 포스팅 http://choco4study.tistory.com/45 [웹개발] 웹 최종 한 눈에 보기 (2) : 글수정, 글삭제, 조회수, 좋아요 (취소 포함) * 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 이전 포스팅 http://choco4study.tistory.com/44..

* 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 이전 포스팅 http://choco4study.tistory.com/44 [웹개발] 웹 최종 한 눈에 보기 (1) : 그리팅, 로그인, 회원가입, 메인, 글쓰기, 글조회, 게시판, 검 * 개인적인 공부 내용을 기록한 글입니다. 소감 중간고사 기간에... 틈틈이 딴짓처럼 하다보니... 어느새 다 만들었다.. 반쯤 정신이 나간 상태에서(...) 작업했다보니 효율적이지 못하게 짠 부분 choco4study.tistory.com 회원게시판 관련 편의 (1) : 글수정, 글삭제 1-1. 게시글 수정 : 전체적으로 [1] 글조회 시 해당 게시글이 자신이 쓴 글이면 우측 하단에 [수정] [삭제] 버튼이 ..

* 개인적인 공부 내용을 기록한 글입니다. 소감 중간고사 기간에... 틈틈이 딴짓처럼 하다보니... 어느새 다 만들어버렸다... 반쯤 정신이 나간 상태에서(...) 작업했다보니 효율적이지 못하게 짠 부분도 있을 것 같다. 시간은 충분하니 계속 수정하고 업데이트하면서 조금씩 더 발전시켜볼 생각이다. 이 포스팅에서는 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐보려고 한다. * 주소DB는 구현 전이다. 언제나 그렇지만 기능 구현 시간이 한시간이면 디자인은 두세시간은 넘게 걸린 것 같다. CSS는 제대로 해보려고 했는데.. 생각보다 레이아웃이나 셀렉터 관련 내용이 까다로웠다. 꾸미기에 있어서는 정말 감각도 없고 끈기(?)도 없는 나로서는 그냥.. 어떻게든 해보는 것에 의의를 뒀다. 디자인 전공하..

* 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시판 리스트 출력 기능 0. 요약 [1] 게시판 페이지를 만든다. [2] 게시글 목록을 출력할 표를 만든다. [3] DB에 담긴 게시글 정보를 최신글부터 가져와 출력해준다. 1. 게시판 페이지 (= board.php) 에 게시글 목록을 출력할 표를 만든다. 게시판 글쓰기 Post ID 제목 작성자 작성일 조회수 좋아요 [0] 게시글 목록 상단의 제목 부분을 만든다. ① Post ID ② 제목 ③ 작성자 ④ 작성일 ⑤ 조회수 ⑥ 좋아요 2. DB에 담긴 게시글 정보를 최신글부터 가져와 출력해준다. //(윗 부분)... [1] SELECT ~ ORDER BY 구문을 통해 모든 게시글의 정보를 최신글부터 가져온다. [2] fetch를 반복 실행해서 쿼리문..

* 개인적인 공부 내용을 기록한 글입니다. 최종 화면 게시글 작성 기능 0. 요약 [1] 게시글 DB 만들기 [2] 게시글 폼 만들기 [3] 폼과 DB 연결 [4] 끝! + 회원만 작성할 수 있게 세션 검증은 덤 1. 게시글 DB 만들기 (= board) [0] 게시글을 저장할 DB를 적당히 만들어준다. [1] 앞으로 필요한 컬럼들까지 한 방에 만들어줬다. ① id : 게시글 식별자 ② title : 제목 ③ writer : 작성자 ID ④ name : 작성자 이름 ⑤ written : 작성일 ⑥ content : 게시글 내용 ⑦ file : 업로드한 파일 ⑧ hit : 조회수 ⑨ liked : 좋아요 2. 게시글 폼 만들기 (= write.php) 글쓰기 [0] 간단한 폼을 만들어준다. [1] 세션이 ..

* 개인적인 공부 내용을 기록한 글입니다. 소감 회원가입 시 비밀번호를 두번 이상 확인하는건 가입자의 실수를 방지하지 위한... 인지상정(?) 간단하게 구현해보자! 최종 화면 비밀번호 일치 확인 1. 먼저 join.php의 태그 내부이다. 비밀번호: 비밀번호 확인: [1] 비밀번호 확인 폼을 하나 더 만든다. [2] php로 다뤄주기 위해 name을 지정해준다. 2. 다음은 회원가입을 처리할 join_ok.php의 일부 내용이다. $join_pw = $_POST['join_pw']; $join_pw2 = $_POST['join_pw2']; if(!$check){ //사용가능ID if($join_pw != $join_pw2){ //비밀번호 불일치 echo ""; } else { //비밀번호 일치 if($r..