목록2021/08/05 (1)

written by yechoi

[GraphQL] 파일 업로드 with NestJS, React

GraphQL 서버를 이용해 파일을 업로드하는 방법을 알아본다. 클라이언트 사이드에서는 프레임워크로는 React, 상태관리 라이브러리로 Apollo Client를 사용하고 있다. 서버 사이드에서는 프레임워크로는 NestJS, 서버는 NestJS 내장 서버를 사용한다. 클라이언트 사이드 1. 파일 업로드 버튼 만들기 우선 파일 업로드 버튼을 만들어보자. 기본적으로 input 태그를 사용하면 브라우저별로 아래와 같은 버튼이 만들어진다. 버튼을 예쁘게 만들고 싶어서, label 태그의 for 속성을 활용해 카메라 버튼이 눌리면 input 태그가 눌리도록 변경했다. 📷 2. Apollo-client 업로드 링크 설정 파일을 올리기 위해서는 Apollo Link 설정을 해줘야 한다. Apollo Client 가 ..
Born 2 Code/Node Modules 2021. 8. 5. 20:07
이전 Prev 1 Next 다음