오늘은 수정 페이지에서 기존에 있던 이미지를 지우려고 할 때 미리보기를 지우는 것과 이번에 발견한 문제인 이미지가 포스트랑 맵핑이 안되는 현상, 게시글을 작성할 때 미리보기만 삭제되고 파일리스트에는 그대로 남아 있는 현상 그리고 부수적으로 기존에 이미지를 업로드 할때 타입스크립트를 무시하고 올렸던 부분 등을 수정했다.
일단 기존에 있던 이미지를 지우는 것은 값들을 Link로 받아와서 수정이 되지 않았었는데 이부분을 data가 있을 때 마운트 될때 state로 저장을 시키는 것으로 변경하였고 마찬가지로 이미지를 보여주는 반복문도 state값으로 변경하여 해 했고 이미지가 포스트랑 매핑이 안되는 현상은 다른 분들의 도움 받아 해결했는데 기존에 로직은
게시글 업로드 => response로 postId를 받아옴 => postId를 state에 저장 => state에 있는 postId에 이미지를 업로드
방식이 였는데 이 방식 대로하면 리렌더링이 일어나지 않아 state가 제 때 반영이 되지 않아 이미지가 제대로 맵핑이 되지 않았다. 그래서 로직을 다음과 같이 변경해 해결 할 수 있었다.
파일 리스트에 있는 이미지를 지우는 건 생각보다 까다로웠는데 일단 파일 리스트 객체 자체로는 삭제가 안된다고 한다. 그래서 객체를 배열로 바꾼 다음에 삭제 기능을 구현하니 정상적으로 삭제가 되었다.
마지막으로 해결한 문제는 위의 문제를 해결하다가 얼떨결에 해결한 것인데 내가 그냥 잘못 봤던 건데 지금까지 객체를 반복문을 돌리려고하니까 오류가 난 것이였고 나는 그것도 확인안하고 애꿎은 오류만 무시했다. (컴퓨터는 거짓말하지 않는다.ㅠㅠ) 파일리스트를 배열로 바꾸고 반복문을 돌리니 아무우우런 문제 없이 잘 돌아갔다. 찝찝했던 부분이였는데 해결이 되서 다행이긴 했다. 다음부터는 조심해야지
