웹 페이지에서 댓글 수정하기

댓글 수정 역시 자바스크립트로 

 

댓글 수정 페이지는 부트스트랩에서 제공하는 모달 기능 이용해서 만든다.

모달(modal) 은 웹 페이지에 새 창을 띄우는 팝업 창과 달리 같은 웹 페이지 내부에서 상위 레이어를 띄우는 방식으로 사용하는 창

모달 창이 뜨면 기존 창은 비활성 상태가 되고, 모달 창을 종료해야만 원래 화면으로 돌아갈 수 있다.

모달 창 처리 안하면 기존 창은 상호작용이 안되는 식

 

댓글 추가하는 형태와 비슷하다. 단지 닉네임 옆의 수정 버튼을 누르면

수정을 위한 모달이 나오고, 모달 안에서 댓글을 수정한다.

- 수정할 때 원래 닉네임과 본문이 입력창 안에 뜨도록 하기위해 임시 변수 data-bs-nickname 등에 값을 저장해두고 불러와서 출력해놓는다.

그 후 수정한 내용을 수정 완료 버튼을 눌렀을 때 fetch를 통해 DB에 PATCH 로 업데이트 할 수 있도록 한다.