ssr 게시판 2

[프로젝트] 게시판 | 6. 기존 이미지 그대로 저장하기 및 이미지 미리보기(프리뷰) 삭제하는 법

Part1. 기존 저장된 이미지를 그대로 저장하기 트러블 슈팅 (문제배경) 마이페이지에서 기존 저장된 이미지를 삭제하거나 수정하지 않고 다른 정보만 수정하여 서버에 전송하면 기존 저장된 이미지가 그대로 유지되는 것이 아니라 삭제되는 문제가 발생한다. (문제원인) 현재 서버에서는 이미지 파일이 있으면 해당 주소를 저장하고 이미지 파일이 없으면 null을 저장하도록 코드를 구현해놨다. let imageFile = req.file ? req.file.location : null 널리 알려진대로, DB에는 이미지 파일을 저장하는 것보다 이미지를 S3 등 외부에 저장하고 그 저장한 URL을 DB에 저장하는 것이 권장된다. 이 때문에 마이페이지 GET 요청 시 이미지 파일 자체를 불러오는 것이 아니라 이미지 URL..

[프로젝트] 게시판 | 5. 글 작성자만 수정, 삭제 버튼 보이게 만드는 법

위와 같이 게시글 목록에서 글 작성자만 수정 및 삭제 기능이 보이게끔 하려고 한다. - 로그인 유저와 글 작성자가 일치하면 버튼을 보이게 하고 - 일치하지 않으면 버튼을 보이지 않게 한다. 는 비교적 간단한 로직이다! (list.ejs) ✏️ 수정 🗑️ 삭제 let deleteBtns = document.querySelectorAll('.deletePost'); deleteBtns.forEach((btn, index) => { let writerIds = document.querySelectorAll('.listWriterId'); let writerId = writerIds[index].textContent; let editBtns = document.querySelectorAll('.editBtn')..

728x90
LIST