Today I Learned …

[웹개발] 웹 최종 한 눈에 보기 (3) : 문의게시판, 비회원 글작성, 비밀번호 관리 본문

Web/APM

[웹개발] 웹 최종 한 눈에 보기 (3) : 문의게시판, 비회원 글작성, 비밀번호 관리

염베리 2021. 10. 27. 20:04

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


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

이후 수정할 사항
현재는 회원/비회원에 관계없이 작성자 이름과 비밀번호를 받고, 모든 문의글이 잠겨있다는 전제이다.
⇒ 회원일 경우 작성자 이름과 비밀번호를 받지 않고, 사용자의 선택에 따라 공개/잠금 여부를 설정할 수 있도록 변경할 생각이다.

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

 

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

* 개인적인 공부 내용을 기록한 글입니다. 소감 최종 결과물을 화면과 화면에 대한 설명 위주로 한 눈에 펼쳐본다. 이전 포스팅 http://choco4study.tistory.com/44 [웹개발] 웹 최종 한 눈에 보기 (1) : 그리

choco4study.tistory.com


문의게시판


1. 문의게시판 : 전체적으로

[1] 문의게시판의 기본적인 모습이다.
[2] 게시글 목록 출력, 페이징, 검색 모두 회원게시판의 기능과 동일하게 구현했다.
[3] 우측 상단의 [문의하기] 버튼을 클릭하면 문의글 작성 페이지로 진행된다.


2. 문의게시판 : 비회원 문의글 작성

[1] 문의글 작성 페이지의 모습이다.
[2] 중앙 하단의 [Name] [Password] 폼을 채워주어야만* submit이 가능하다.
* required 속성을 줬기 때문에 기입하지 않은 채로 submit 버튼을 누르면 브라우저 상에서 경고 메시지를 띄워준다.
[3] submit 버튼을 누르면 문의게시판 메인 페이지로 넘어간다. (= 바로 조회 불가능)


3. 문의게시판 : 게시글 목록에서 보기

[1] 정상적으로 작성되었음을 확인할 수 있다.
[2] 문의글은 본인 또는 관리자만이 조회할 수 있기 때문에 좋아요 기능을 지원하지 않았다.


4. 문의게시판 : 문의글을 조회하는 경우

[1] 조회를 위해 문의글을 클릭할 시, 위와 같은 비밀번호 확인 페이지로 바로 넘어간다.
[2] 관리자가 조회할 경우에는 비밀번호를 확인하지 않고 곧바로 조회 페이지로 넘어간다.


4-1. 문의게시판 : 비밀번호가 일치 여부에 따라

[1] 비밀번호가 일치하는 경우, 일치한다는 alert를 출력하고 조회 페이지로 넘어간다.
[2] 비밀번호가 일치하지 않는 경우, 일치하지 않는다는 alert를 출력하고 문의게시판 게시글 목록으로 돌아간다.


5. 문의게시판 : 문의글 삭제

[1] 문의글 조회 페이지의 우측 하단에는 [삭제] 버튼이 있다.
[2] [삭제] 버튼 클릭 시, 조회 시와 동일하게 다시 한번 비밀번호를 확인한다.
[3] 비밀번호가 일치하는 경우, 문의글을 삭제한다.
[4] 관리자가 삭제하는 경우에는 비밀번호를 확인하지 않고 곧바로 문의글을 삭제한다.


6. 문의게시판 : 문의글 삭제 (게시글 목록에서 보기)

[1] 정상적으로 삭제되었음을 확인할 수 있다.


다음 포스팅에서는 마이페이지를 다뤄본다.

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