팀프로젝트 3일차

게시글 수정할 때 파일 U,D

 

원래 초기 구상은 게시판에 있는 파일이 드래그 앤 드롭 영역에 나오는걸 목표로 했으나

 

최대한 한 function으로 처리하려고 이리저리 시도했지만 맨처음 게시글 작성쪽에서 파일 첨부할 때 타입과 게시판에 첨부된 파일을 가져올 때 타입이 달라 문제가 발생했다. 

 

Blob 객체가 아니여서 문제가 발생했는데 이걸 Blob 타입으로 변환하려고 애써봤지만 실패해 아예 구조를 변경해버렸다.

 

 

그리고 x 누르면 바로 삭제 되게 끔 처리했고

 

경고창 띄웠는데도 삭제하면 작성자 책임으로 하는게 마음 편해 이렇게 구현했다.

---

CK 에디터 이미지 업로드 문제

현재 우리가 도입한 CK 에디터에 문제가 발생했다.

 

이미지 업로드하면 바로 파일서버에 저장되어 이미지 url을 src 속성에 넣어 보여주는 방식인데

 

이렇게 하면 실제로 저장될 때 이미지를 넣고 빼는 과정에서 뺀 이미지도 보여지는게 문제다.

 

그래서 해결 방법으로 게시판이 저장될 때 실제 저장된 이미지의 값만 게시판 번호랑 같이 저장시키는 방법으로 해결해보기로 했다.

 

이미지 src 속성에 uuid 고유의 값이 들어간다는것을 우린 어제 CK 에디터 도입할 때 인지하고 있었다.

 

content 영역에 들어간 uuid는 <img src = "url블라블라uuid"/> 이렇게 각 img 마다 각각 고유의 값으로 들어가 있어 이걸 기준으로 삼고 게시판이 작성 될 때 content 영역에 남아있는 uuid를 가져와 DB에 임시 저장된 uuid기준으로 찾고 게시판 번호만 update 처리 해줬다. 

 

우선 프론트쪽에서 애초에 값을 넘겨줄 때 uuid만 subString으로 잘라내 배열에 담아 보내줬다.

 

이렇게 한 가장 큰 이유는 우선 파일서버에 저장되는 경로는 항상 같고, uuid 자릿수와 형식도 똑같기에 subString으로 uuid 영역만 잘라 배열에 담아 Spring 쪽으로 넘겨줬다 .

 

Spring은 해당 데이터를 받아 우선 게시글 부터 다 저장 시키고 마지막으로 실제 게시판에 저장된 uuid 기준으로 게시판 번호를 부여하는 서비스 로직을 만들어 실행 시켰더니 대성공이였다.

 

그리고 게시판 번호가 없는 쩌리 파일들은 어차피 업로드 하려다 안한 이미지들이기에 전부 삭제처리해버리면 그만이다.