[웹개발] 웹 최종 한 눈에 보기 (2) : 글수정, 글삭제, 조회수, 좋아요 (취소 포함)
* 개인적인 공부 내용을 기록한 글입니다.
소감
최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다.
이전 포스팅
http://choco4study.tistory.com/44
[웹개발] 웹 최종 한 눈에 보기 (1) : 그리팅, 로그인, 회원가입, 메인, 글쓰기, 글조회, 게시판, 검
* 개인적인 공부 내용을 기록한 글입니다. 소감 중간고사 기간에... 틈틈이 딴짓처럼 하다보니... 어느새 다 만들었다.. 반쯤 정신이 나간 상태에서(...) 작업했다보니 효율적이지 못하게 짠 부분
choco4study.tistory.com
회원게시판 관련 편의 (1) : 글수정, 글삭제
1-1. 게시글 수정 : 전체적으로
![](https://blog.kakaocdn.net/dn/CDMxC/btri668GzUU/yTt50zdhUpTRqNbPzEurU1/img.png)
![](https://blog.kakaocdn.net/dn/VAMvv/btri4Y4TQol/8SLRgFIYDyhIKBU3F4Aysk/img.png)
[1] 글조회 시 해당 게시글이 자신이 쓴 글이면 우측 하단에 [수정] [삭제] 버튼이 나타난다.
[2] [수정] 버튼 클릭 시 글수정 화면으로 넘어간다.
[3] 좌측 상단에 [글수정] 문구가 출력된다.
[4] input 폼에 기존의 내용을 불러와 넣어준다.
1-2. 게시글 수정 : 제목과 내용만 수정할 경우
![](https://blog.kakaocdn.net/dn/AHI4X/btri5j11aux/tLFCiGKZQP1E9XoClj5Ejk/img.png)
![](https://blog.kakaocdn.net/dn/6tWVZ/btri5IAsQwH/bi7hDvf7mEj8Kk2YxpjHP0/img.png)
[1] 제목과 내용이 정상적으로 수정된다.
[2] 파일을 새로 첨부하지 않으면 기존의 파일이 그대로 남는다.
1-3. 게시글 수정 : 파일도 수정할 경우
![](https://blog.kakaocdn.net/dn/bIqr7r/btri0bYeIWF/GOVBiSpkGw53yWf0Ir7xv0/img.png)
![](https://blog.kakaocdn.net/dn/x8EVE/btri6mKHgw8/XqMGVBJYszPKvwRJy1bIBk/img.png)
[1] 새로운 파일을 첨부하면 기존의 파일이 새 파일로 갈아치워진다.
2. 게시글 삭제
![](https://blog.kakaocdn.net/dn/bAQ02j/btri3VAyIIh/UsWqIVZnwTEfDTyuKYu6Q0/img.png)
![](https://blog.kakaocdn.net/dn/dt8hSu/btri3MXPKju/1FWhmZo9RiNAJDtJkJ3AV1/img.png)
[1] [삭제] 버튼을 누르면 게시글이 정상적으로 삭제된다.
* 파일을 첨부한 게시글일 경우, 파일이 서버의 폴더에 저장되는데... 삭제 시에는 이 폴더에 있는 해당 파일까지 깔끔하게 삭제해줘야 된다. 서버에 무의미하게 파일이 자꾸 쌓이는 것을 방지하기 위한 것인데... 이게 생각보다 좀 귀찮아서ㅠ 일단은 나만 보는 웹이니 해당 부분에 대해서는 나중에 업데이트해보려고 한다.
회원게시판 관련 편의 (2) : 조회수
1. 조회수 : 기본 전제
![](https://blog.kakaocdn.net/dn/mBnMJ/btri6nv4TpR/gFMuAKP88HVF1SUQ3Vakk0/img.png)
[1] 일단 자신의 글 (= Post ID 78) 과 다른 사람의 글 (= Post ID 80) 이 있다.
[2] 현재 [초코] 계정으로 로그인한 상태이다.
2-1. 조회수 : 자신의 글인 경우
![](https://blog.kakaocdn.net/dn/mvvrQ/btri3UuVx0G/y5zClfnUV20olpJcaKsy8K/img.png)
![](https://blog.kakaocdn.net/dn/bDTPB4/btri5kGEm3p/5wXVkjBekFkmmEfMNFKBQ1/img.png)
[1] 자신의 글인 경우, 새로고침을 해도 조회수가 늘어나지 않는다.
2-2. 조회수 : 다른 사람의 글인 경우
![](https://blog.kakaocdn.net/dn/mSf1U/btri6mKI5fc/ZkLZmWM1eKAjVMtgWyg7W1/img.png)
![](https://blog.kakaocdn.net/dn/L0N6U/btri3UBHgKQ/qREZpkUYTv8i3VQ5j9rS01/img.png)
[1] 다른 사람의 글인 경우, 새로고침을 할 때마다 조회수가 늘어난다.
3. 조회수 : 게시판 목록에서 보기
![](https://blog.kakaocdn.net/dn/cLVBIh/btri0bKI7qD/NlYy5M8lKCA3xOUkIDg380/img.png)
[1] 게시판 목록의 조회수 컬럼에도 정상적으로 반영되고 있음을 확인할 수 있다.
회원게시판 관련 편의 (3) : 좋아요 (취소 포함)
1. 좋아요 : 기본
![](https://blog.kakaocdn.net/dn/P64JR/btriYWNKHMh/XxC2ZnJlQurfMtavrz46B1/img.png)
![](https://blog.kakaocdn.net/dn/cnoYGR/btri5HInfxZ/bQkFIpxk6f7KfBCeTlKoWK/img.png)
[1] 다른 사람의 게시글일 경우, 우측 하단에 [좋아요] [취소] 버튼이 나타난다.
[2] [좋아요] 버튼을 클릭 시, 말그대로 좋아요가 가능하다.
2. 좋아요 : 취소
![](https://blog.kakaocdn.net/dn/cPcb3z/btri7QLloOx/3XXSAStaDXNbMYYrojJsbk/img.png)
![](https://blog.kakaocdn.net/dn/xoLlE/btriZr768Wv/N4vGISO2dZklIUa0X4M5uk/img.png)
[1] 좋아요를 눌렀던 글은 좋아요를 취소할 수 있다.
[2] [취소] 버튼을 클릭 시, 좋아요가 취소된다.
3-1. 좋아요를 누르지 않은 게시글에 좋아요 취소를 누른다면?
![](https://blog.kakaocdn.net/dn/VEmnZ/btri43ZirCw/JJDb6rIWJuK9kUKJbJZio0/img.png)
![](https://blog.kakaocdn.net/dn/bVlAPU/btri5jOvD3M/to25o41MBcewUwcqYnb9YK/img.png)
[1] 좋아요를 누른 적이 없다는 alert가 출력되고 아무 일도 일어나지 않는다.
3-2. 이미 좋아요를 누른 게시글에 또 좋아요를 누른다면?
![](https://blog.kakaocdn.net/dn/boKItp/btriYW1dwiw/5YYrSS7V7GKJK7aSKigdRk/img.png)
![](https://blog.kakaocdn.net/dn/qtj7Z/btri3Lkl007/q2g3P5nZpkc9VwKDBfVeEk/img.png)
[1] 이미 좋아요한 게시글이라는 alert가 출력된다.
[2] 좋아요 개수는 늘어나지 않는다. (= 한 게시글에 1인 당 한 번씩만 가능)
4. 좋아요 : 게시글 목록에서 보기
![](https://blog.kakaocdn.net/dn/oQSEb/btri3LYVR9d/q1OQGUEkUeyq0be31g8u60/img.png)
[1] 게시판 목록의 좋아요 컬럼에도 정상적으로 반영되고 있음을 확인할 수 있다.
회원게시판 관련 내용은 이것으로 끝이다.
다음 포스팅에서는 문의게시판을 다뤄본다.