choppaluv
commented
6 years ago Add Photo Implementation
현재 backend의 Photo model에 필요한 date, fodler, tripID, contents를 모두 넣어서 backend로 post하는 것을 성공하였습니다. frontend component도 모두 새로 작성하였습니다. 현재 보이는 화면은 다음과 같습니다. 모든 필드에 값을 모두 넣은 후 drag & drop을 통해 사진을 넣는 순간 backend로 POST가 됩니다.
POS가 된 후 photo model이 새로 생성되었음을 다음과 같이 확인할 수 있습니다.
여러 사진을 drag & drop을 하면 다른 필드 내용들이 동일하게 입력되어 backend로 POST가 됩니다.
그 결과 backend에 image만 다르고 필드는 모두 동일하게 Photo model이 생성되었음을 확인할 수 있습니다.
아직 수정중인 사항들이 있어 코드는 아직 올리지 않았습니다. 최대한 빨리 마무리해서 addphoto branch merge하도록 하겠습니다.
@narajoa21 @parkkyuyeon 앞으로 해주셔야 할 photo page 작업시 참고하셔야 할 사항은 같습니다.
- backend에 photo가 생성되면 그 photo를 backend에서 가져올 수 있습니다. 그 중에서 image field는 위의 사진에서 보실 수 있듯이 url로 되어있습니다.
- component에서는 이 url로 photo들을 보여줄 수 있도록 해주시면 됩니다.
- 또한 저희가 날짜별로, 그 안에서 folder별로 그 photo들이 보이도록 계획하고 있기 때문에 그에 따른 분류를 해서 보여줄 수 있도록 해주시면 됩니다.
Add Photo 페이지에서 여러파일 , 미리보기가 구현되게 뜨려하였으나 현재 파일 업로딩이 되지 않고 있습니다. 소스코드내 filechangehandler함수에서 filelist 를 state.selectedfile에 저장하게 하였으나 파일리스트를 저장이 제대로 되지 않는 것 같습니다. 뭐가 문제인지는 잘은 모르겠습니다.