graphQL 2

[Nuxt3] GraphQL 사용하기(nuxt-graphql-client)

Nuxt3에는 GraphQL을 사용해 본 적이 없어서 찾아봤다.npx nuxi@latest module add graphql-client이걸 입력해 nuxt 모듈을 추가한다.그리고 nuxt.config.ts에 modules 안에다 nuxt-graqph-client를 추가하고, runtimeConfig에 graphql 이 적용된 백엔드 주소를 넣어주면 된다.내가 작성한 GQL_HOST 값은 http://localhost:5001/graphql임이것만 해주면 끝.그리고 queries 디렉터리를 만들고 .gql 파일을 만들면 된다.이건 테스트를 위해 현재 백엔드에 작성한 쿼리다.이걸 실행하기 위해 nuxt에서 queries 디렉터리 안에 test.gql 파일을 생성 후 아래와 같이 쿼리를 작성했다.추가적으로 ..

VueJS/Nuxt 2024.10.27

[NestJS] 설치 및 Prisma, GraphQL 적용하기(+MySQL)

예전부터 NestJS가 자바스크립트로 스프링을 경험해 볼 수 있다고 해서 사용해보고 싶은 프레임워크 중 하나였다.하지만 나중에 공부해봐야지....하면서 계속 미루고 미루고 있었다.그러던 중에 최근 NestJS를 사용해서 백엔드 개발 일을 할 수 있는 좋은 기회가 생겨 하게되었다.일로 접한다면 미룰 수 없다는 생각이 들었고 이때 아니면 또 계속 미룰 것 같다는 생각에 바로 한다고 했다.프로젝트는 NestJS에 ORM으로 Prisma를 사용하고 있었고, 클라이언트와 서버 간의 데이터 요청과 전달을 해주는 쿼리 언어 및 런타임으로 GraphQL을 사용하고 있었다.3개다 들어보기만 하고 처음 만져보는 거라 집에 와서 설치부터 세팅을 직접 해봤다.NestJS설치 및 프로젝트 생성# NestJS cli 설치npm ..

Node.js/NestJS 2023.12.02