TeamProject
미리보기 취소, 다중 이미지 리스트 형식으로 db에 post해주는 기능을 구현했다.
동작
미리보기에 업로드 되어있는 사진을 취소 할 수 있는 기능과 미리보기로 보고있는 이미지는 같은 좌표로 리스트 형식으로 한번에 넣어주기
동작 과정
미리보기 이미지 취소
사진 업로드(db저장)
db확인
db오류(작성과정 2)
작성 과정
1) 미리 보기 이미지 취소
- 미리 보기 이미지를 각 이미지마다 id값을 주어 삭제하려 했는데 생각처럼 되지 않아 검색을 하였고 이 부분을 구현하신 분이 있어 많이 참고하여 작성했다. 아직 모르는 부분이 많아 프로젝트가 끝나면 공부할 예정이다.
2) 사진 업로드
- 미리 보기에 보이는 사진을 좌표와 함께 db에 저장하고 저장한 값을 업로드 부분 밑에 올려줄 예정이었다. 사진들이 좌표값이 같아 한 번에 저장하면 좋을 것 같아 사진 파일을 리스트로 정리하고 form_data에 실어서 넣으려 했다. 그래서 코드를 작성한 뒤 동작을 시켜 봤는데 좌표값은 잘 들어갔지만 파일이 하나만 들어가는 것이었다. 그래서 뭐가 문제인지 검색도 하고 코드를 수정하기도 하며 약 4시간 동안 방법을 여러 가지 시도해 보았다. 그런데 코드가 더 나아지기는커녕 오히려 []이런 식으로 빈 리스트로 올라가거나, 오류가 나와 아예 업로드 동작을 안 하거나, 좌표값은 빈칸이고 사진은 첫 번째 사진만 3번 들어가는 등의 문제가 발생하였다. 문제가 오랜 시간 동안 해결되지 않아 결국 튜터님과 팀원분한테 도움을 요청하였다 튜터님은 한번 test 파일로 기능만 동작 시켜 보고 알려주신다고 하여 팀원분이 검색하는 요령을 알려 주신 대로 검색을 하며 코드 수정을 시도하였다. 그리고 얼마 뒤 튜터님께서 한 부분의 코드를 올려 주셨고, 그 코드를 보고 어떤 느낌으로 수정하면 되는지 감이 잡혀서 수정을 해 보니 해결이 되었다. 막상 해결하고 보니 내가 이것저것 작성한 코드들을 잘 조합하면 해결되는 문제였다.....
-생각보다 오류나 문제가 많아 내 계획대로 흘러가지 않아 나 자신이 조금 실망스럽다.-
