인프런 커뮤니티 질문&답변

강의로 보여주신 인스타그램 프로젝트를 옆그레이드를 해서 만들어보는중입니다.

이미지 같은경우는 다중이미지로 만들었고,

CRUD 기능을 구현중인데 수정부분에서 프론트, 백 부분이 둘다 막힌지라 정보를 계속 찾고 공부중이긴한데 답답하여 질문드립니다.

캡쳐본도 올리고 혹시몰라 깃허브 주소도 같이 첨부하겠습니다.

https://github.com/Paul0620/web-project

--프론트 

PostUpdateForm을 따로 만들어서 구현중인데 여기서 caption, location같은 경우는 Form.Item의 initalValue에 가져온값을 담아 넣었고 이미지 같은 경우는 imageList 배열을 새로 선언하여 image 키명을 url에다가 담고, useState로 선언한 fileList에 ...imageList형식으로 담았습니다.

그렇게 담고 나니 이미지는 나오지만 글 내용만 수정하려고 할 때에 이미지가 없다고 알림이 떠서 이부분을 어떻게 담아야 할지가 헷갈립니다.

 

수정화면

 

--백엔드

다중이미지라 PostImage 클래스를 구현하여 Post를 외래키 설정하였습니다.

테스트 중 게시물 작성, 수정시에 예를 들어 이미지 한장을 업로드하면 리스트에는 같은 이미지 두장이 들어간 상태로 출력됩니다. 이 부분은 create와 update가 같이 실행되는 것 같은데 그 원인은 아직 찾지 못하였습니다.

그리고 수정시에 이미지를 하나를 제거하고 수정하면 그 이미지가 제거되지 않고 그대로 남아있습니다.

caption, location은 정상적으로 동작합니다.

 

models.py

 

serializers.py

 

views.py

 

감사합니다.