#5 graphql-upload와 싸웠다

벨로그 정말 오랜망갑이지만 그래도 그동안 열심히 잔디를 심어놨습니다

작고 소듕한 나의 깃 푸쉬

아무튼, 오늘 파일 업로드를 해야하는데 이슈가 몇가지 발생했슴.

기존에 사용했던 것처럼 파일 업로드를 사용하려고 했는데

1. graphql-upload import가 되지 않는 이슈 발생.

해결 방안

• yarn add @types/graphql-upload --dev 을 추가함. (해결)

2. GraphQLUpload, FileUpload가 추가되지 않는 이슈

해결 방안

• import graphqlUploadExpress from "graphql-upload/graphqlUploadExpress.mjs"
• import type { FileUpload } from "graphql-upload/processRequest.mjs";
  => 이렇게 해주니 일단 추가가 되었다.
  however, 실행을 시키니 작동이 안된다 에러에러에러⚠️
  이렇게 추가하라고 했던 stackoverflow 글에서 tsconfig와 package.json에
  참고했던 게시물
  이렇게 하라고 해서 했지만,,,! module을 변경하면 다른 node package들을 읽지 못함.
  이건 아니라고 생각되어 과감하게 삭제.

다시 초기 상태로 돌아가서 graphql-upload의 버전을 낮추라는 위의 답변중 하나를 보고 package.json에서 버전을 낮춘 뒤 실행하니 잘 되는 것을 볼 수 있었다.
(기존 node_modules를 지우고 다시 yarn install 하는거 당연히 아시겠죠,,,?)

3. Postman File Directory를 찾지 못함

해결방안

값이 잘 들어오는 것을 확인하기 위해 postman으로 실습을 해봤는데
처음에 발생했던 에러가 기억이 안난다... (땀뻘뻘)
두번째 발생한 에러는 보낼 파일의 경로를 찾지 못하는 것이였다.

• postman setting general
  
  그래도 자꾸 ⚠️표시가 떠서 그냥 postman/files에 파일을 넣어줬다 -_-

4. send가 안됨

나는 upload를 보냈는데 자꾸 Float냐고 포스트맨이 물어봤다.
뭐지.. 왜 Float를 찾는거지
확인하니...

해결방안

• Mutation선언을 하지 않았다.
  너무나 바보같은 실수...

• 다른 에러 발생. API 이름 실수... 언제까지 바보같은 실수를 반복할텐가 ㅜㅜ

• This operation has been blocked as a potential Cross-Site Request Forgery (CSRF) ... 에러 발생
  
  이건 인터넷 검색으로 찾았다. Headers에 추가해주면 된다.
  

짜잔 완성

내일은 아무래도 못할 것 같아서 주말인 오늘 고통받는 중이다.
그래도 할당량을 채우는 나자신 제법 괜찮아 보여