Wonhyeong's log

Next.JS 13의 APP Router 사용해 클라이언트 요청 핸들러 구현

August 29, 2023

Nextjs GraphQL Typescript Project React Mock

개요

구현

고민했던 부분

Mocking FE at Kakao Tech

Apollo Server Testing and Mocking GraphQL Tools MockServer

Extending the req/res objects with TypeScript in Next.js

GraphQL Tools Issues

문제들

  1. api 라우터일 때 api/graphql.ts 식으로 작성하라는 글이 많았는데 공식문서보니 그냥 api/route.ts 으로 하길래 그대로 함
  2. POST 요청할 때 공식문서 app 라우터 기준은 NextResponse를 사용하고 있음 graphql은 쿼리를 보내야해서 POST요청 NextapiResponse를 사용하면 이상하게 res가 params : undefined로 덮어씌워짐. -> 결국은 공식문서대로 하는게 작동한다. 너무 여러 정보가 섞여있음
  3. sumonner에서 title 부분을 fragment로 따로 설정해서 썼는데 클라이언트에 값이 들어갈 때 fragment 부분만 데이터가 안가짐. 서버에서 로그를 찍어보면 잘 반환되는데. 찾아본 결과 __typename으로 받을 객체의 타입을 확실히 해줘야 하는거 같음.

Profile picture

안녕하세요 이원형 입니다.

학습을 기록하기 위한 공간입니다.

© Wonhyeong's Log

2024, Built with Gatsby