# uploadPhoto

jinyinshu

**들어가기 select Photo, take Photo한 사진을 props로 받아서 caption과 함꼐 uploadPhoto Mutation을 실행하여, 사진을 DB에 저장하고, 뿌리는 screen 역시, file(picture, video)등을 다루는 부분은 어려우니 집중할것! 이어서 apollo.js의 httpServer를 UploadHttpServer로 바꿔주어야 한다. apollo는 Upload라는 type을 이해하지 못하기 떄문이다. ** npm i apollo-upload-client https://www.npmjs.com/package/apollo-upload-client file upload를 하기 위해서는 ReactNativeFile을 시용해야 하는데, ReactNativeFile을 사용하기 위해거 apollo-upload-client를 이용한다 https://www.apollographql.com/docs/react/api/link/apollo-link-e

jinyinshu

1. use Altair 2. shared/shared.utils.js ~ 3. editProfile.resolver.js ~ 4. uploadPhoto.resolver.js ~ 5. Upload Type이 문제를 일으킬 수 있음. 밑의type들을 참고해서 upload type이 문제를 일으킬 경우 참고바람. shared/shared. resolvers.js ~ editProfile.typeDefs.js ~ uploadPhoto.typeDefs.js ~

jinyinshu

1. npm i aws-sdk 2. S3 setUp 1. aws에 로그인 한 후, 검색에서 IAM을 타이핑하고 IAM 클릭 2. 사용자(3)를 클릭함. 3. 사용자 추가를 누름 4.![](https://velog.velcdn.com/images/jinyinshu/post/54f28385-64c7-482a-9705-8b2be4b9f87a/ima

jinyinshu

1. uploadPhoto.typeDefs.js ~ 별거 없음.. file은 나중에 S3에 사진 올리고url을 반환받을 예정. caption은 사진에 대한 설명. return은 일단 Photo인데, 나중에 바뀔 수 있음. 2. uploadPhoto.resolvers.js ~ checkPoint!! caption에서 hashtag를 뽑아내는방법 ( I love #orange #apple and #baseball) ===> #orange #apple #baseball photo의 hashtags에 hashtag를 담기 위해서 connectOrCreate를 사용 where, create 사용 중요함!! 명심할 것.