wam
w__am 개발노트
wam
  • 분류 전체보기 (165)
    • CS 지식 (10)
      • 자료구조 (0)
      • 알고리즘 (0)
      • 컴퓨터 구조 (0)
      • 운영체제 (0)
      • 네트워크 (7)
      • 데이터베이스 (0)
      • 디자인 패턴 (3)
    • Frontend (131)
      • Three.js (64)
      • NPM (1)
      • Nest.js (19)
      • React (10)
      • Apollo (7)
      • TypeScript (2)
      • JavaScript (12)
      • HTML, CSS (1)
      • Jest (3)
      • E2E (5)
      • Cypress (7)
    • Database (12)
      • TypeORM (12)
    • IT 지식 (8)
      • 클라우드 서비스 (3)
      • 네트워크 (1)
      • 데이터 포맷 (2)
      • 기타 (2)
    • IT Book (2)
    • 유용한 사이트 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 🐱 Github

인기 글

태그

  • 오프-프레미스(off-premise) 방식
  • API
  • type-graphql
  • 렌더링 성능 최적화
  • 함수 표현식
  • 함수의 범위
  • isabstract
  • math.sin()
  • 함수 선언문
  • getelapsedtime()
  • reactive variables
  • axeshelper
  • math.cos()
  • 데이터 포맷
  • three.js 구성 요소
  • gridhelper
  • Interface
  • 원형적인 움직임
  • mapped types
  • 디자인 패턴
  • 초기 환경설정
  • Decorators
  • threejs 개발 할 때 도움을 줄 수 있는 유틸리티
  • e.preventdefault()
  • joi 에러
  • react 성능 최적화
  • getdelta()
  • 함수 리터럴
  • 스코프
  • 삼각함수

최근 글

관리자

글쓰기 / 스킨편집 / 관리자페이지
hELLO · Designed By 정상우.
wam

w__am 개발노트

@InputType과 @ObjectType을 동시에 데코레이터 사용 시 주의할 점
Frontend/Nest.js

@InputType과 @ObjectType을 동시에 데코레이터 사용 시 주의할 점

2024. 6. 21. 00:05

 

import { InputType, ObjectType } from 'type-graphql';

@InputType()
@ObjectType()
class Episode {
  // class fields and methods
}
  • 위 코드에 Episode 클래스는 동시에 @InputType()과 @ObjectType() 데코레이터가 적용되어 있다.
  • 이 경우, 자동으로 생성되는 SDL(Schema Definition Language)에서 이름 충돌이 발생할 수 있다.

 

 

type Episode {
  # fields defined by @ObjectType()
}

input Episode {
  # fields defined by @InputType()
}
  • SDL로 변환하면 자동으로 클래스 이름으로 type 또는 input 등의 타입들로 변환하는데, 이름이 고유해야 한다.
  • 같은 이름이 존재하기 때문에 에러가 발생하는 것이다.

 

 

해결 방법

import { InputType, ObjectType } from 'type-graphql';

@InputType('EpisodeInput', { isAbstract: true })
@ObjectType()
class Episode {
  // class fields and methods
}
  • @InputType에 중복되지 않는 이름으로 지정해 주면 된다.
  • { isAbstract: true } 추가
    • 클래스가 GraphQL 스키마에서 타입으로 직접 정의되지 않도록 하기 위한 설정

 

 

저작자표시 변경금지 (새창열림)

'Frontend > Nest.js' 카테고리의 다른 글

InputTypes and ArgumentTypes  (0) 2024.06.21
type-graphql의 isAbstract 옵션  (0) 2024.06.21
NestJS : DTO 데이터 전송 객체 (Data Transfer Object)  (0) 2023.01.10
NestJS : 예외처리  (0) 2023.01.10
NestJS : 형변환  (0) 2023.01.09
    'Frontend/Nest.js' 카테고리의 다른 글
    • InputTypes and ArgumentTypes
    • type-graphql의 isAbstract 옵션
    • NestJS : DTO 데이터 전송 객체 (Data Transfer Object)
    • NestJS : 예외처리
    wam
    wam

    티스토리툴바