[Node.js] Vue(Vuetify) + express image upload 수정

1. multipart/form-data의 의미.

  multi-part는 폼 데이터가 여러 부분으로 분할(버퍼 값)되어 서버로 전송되는 것을 의미한다.

2. express image upload 수정하기

    multipart 데이터를 다룰 경우 RESTFul api에서 POST 방식으로 보내야한다. 

   * POST방식은 Create 기능, PUT은 Create or Update기능을 구현할 수 있다.

   따라서, multipart 타입을 수정하기위해서는 POST방식으로 데이터를 생성하기 전에 어떤 데이터를 변경할 것인지 먼저 확인을 해야한다.

이런식으로 먼저 수정할 대상을 찾은 후(originPopupImageInfo) 수정할 내용을 키값과 전달한다. 

결과값을 받으면 fs 모듈시스템을 이용해서 로컬에 저장된 이미지를 삭제 또는 덮어쓴다.(여기서는 기존파일은 삭제했다)

나는 여기서 삭제하는 로직을 선택했지만, 취향에 따라 파일이름변경 후 내용물 덮어쓰는 방식도 존재한다.

fs.rename과 fs.writeFile을 이용해서 구현할 수 도 있다.