Today I Learned …

[웹개발] 웹 최종 한 눈에 보기 (2) : 글수정, 글삭제, 조회수, 좋아요 (취소 포함) 본문

Web/APM

[웹개발] 웹 최종 한 눈에 보기 (2) : 글수정, 글삭제, 조회수, 좋아요 (취소 포함)

염베리 2021. 10. 27. 19:32

* 개인적인 공부 내용을 기록한 글입니다.


소감
최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다.

이전 포스팅
http://choco4study.tistory.com/44

[웹개발] 웹 최종 한 눈에 보기 (1) : 그리팅, 로그인, 회원가입, 메인, 글쓰기, 글조회, 게시판, 검

* 개인적인 공부 내용을 기록한 글입니다. 소감 중간고사 기간에... 틈틈이 딴짓처럼 하다보니... 어느새 다 만들었다.. 반쯤 정신이 나간 상태에서(...) 작업했다보니 효율적이지 못하게 짠 부분

choco4study.tistory.com


회원게시판 관련 편의 (1) : 글수정, 글삭제


1-1. 게시글 수정 : 전체적으로

[1] 글조회 시 해당 게시글이 자신이 쓴 글이면 우측 하단에 [수정] [삭제] 버튼이 나타난다.
[2] [수정] 버튼 클릭 시 글수정 화면으로 넘어간다.
[3] 좌측 상단에 [글수정] 문구가 출력된다.
[4] input 폼에 기존의 내용을 불러와 넣어준다.


1-2. 게시글 수정 : 제목과 내용만 수정할 경우

[1] 제목과 내용이 정상적으로 수정된다.
[2] 파일을 새로 첨부하지 않으면 기존의 파일이 그대로 남는다.


1-3. 게시글 수정 : 파일도 수정할 경우

[1] 새로운 파일을 첨부하면 기존의 파일이 새 파일로 갈아치워진다.


2. 게시글 삭제

[1] [삭제] 버튼을 누르면 게시글이 정상적으로 삭제된다.
* 파일을 첨부한 게시글일 경우, 파일이 서버의 폴더에 저장되는데... 삭제 시에는 이 폴더에 있는 해당 파일까지 깔끔하게 삭제해줘야 된다. 서버에 무의미하게 파일이 자꾸 쌓이는 것을 방지하기 위한 것인데... 이게 생각보다 좀 귀찮아서ㅠ 일단은 나만 보는 웹이니 해당 부분에 대해서는 나중에 업데이트해보려고 한다.


회원게시판 관련 편의 (2) : 조회수


1. 조회수 : 기본 전제

[1] 일단 자신의 글 (= Post ID 78) 과 다른 사람의 글 (= Post ID 80) 이 있다.
[2] 현재 [초코] 계정으로 로그인한 상태이다.


2-1. 조회수 : 자신의 글인 경우

[1] 자신의 글인 경우, 새로고침을 해도 조회수가 늘어나지 않는다.


2-2. 조회수 : 다른 사람의 글인 경우

[1] 다른 사람의 글인 경우, 새로고침을 할 때마다 조회수가 늘어난다.


3. 조회수 : 게시판 목록에서 보기

[1] 게시판 목록의 조회수 컬럼에도 정상적으로 반영되고 있음을 확인할 수 있다.


회원게시판 관련 편의 (3) : 좋아요 (취소 포함)


1. 좋아요 : 기본

[1] 다른 사람의 게시글일 경우, 우측 하단에 [좋아요] [취소] 버튼이 나타난다.
[2] [좋아요] 버튼을 클릭 시, 말그대로 좋아요가 가능하다.


2. 좋아요 : 취소

[1] 좋아요를 눌렀던 글은 좋아요를 취소할 수 있다.
[2] [취소] 버튼을 클릭 시, 좋아요가 취소된다.


3-1. 좋아요를 누르지 않은 게시글에 좋아요 취소를 누른다면?

[1] 좋아요를 누른 적이 없다는 alert가 출력되고 아무 일도 일어나지 않는다.


3-2. 이미 좋아요를 누른 게시글에 또 좋아요를 누른다면?

[1] 이미 좋아요한 게시글이라는 alert가 출력된다.
[2] 좋아요 개수는 늘어나지 않는다. (= 한 게시글에 1인 당 한 번씩만 가능)


4. 좋아요 : 게시글 목록에서 보기

[1] 게시판 목록의 좋아요 컬럼에도 정상적으로 반영되고 있음을 확인할 수 있다.


회원게시판 관련 내용은 이것으로 끝이다.
다음 포스팅에서는 문의게시판을 다뤄본다.

프로필사진
berry
FE Developer, loves React & better DX
Comments