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

인기 글

태그

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

최근 글

관리자

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

w__am 개발노트

GraphQL 스키마를 정의할 때 사용되는 데코레이터
Frontend/Nest.js

GraphQL 스키마를 정의할 때 사용되는 데코레이터

2024. 6. 21. 00:17

 

@InputType()

  • GraphQL에서 입력 객체를 정의할 때 사용
  • 주로 mutation에서 사용되는 인자로, 여러 필드를 하나의 입력 객체로 그룹화하여 사용할 수 있다.
  • 예를 들어, 사용자를 생성하는 mutation에서 여러 필드를 하나의 입력 타입으로 묶어 처리할 수 있다.
import { InputType, Field } from '@nestjs/graphql';

@InputType()
class CreateUserInput {
  @Field()
  username: string;

  @Field()
  password: string;

  @Field()
  email: string;
}
import { Resolver, Mutation, Args } from '@nestjs/graphql';

@Resolver()
class UserResolver {
  @Mutation(() => User)
  createUser(@Args('input') input: CreateUserInput): User {
    // 사용자 생성 로직
  }
}

 

 

@InputType({ isAbstract: true })

  • isAbstract: true 옵션은 이 클래스가 실제로 사용되는 입력 타입이 아니라 다른 클래스에서 확장하여 사용되는 추상 타입임을 나타낸다.
  • 따라서 이 클래스는 GraphQL 스키마에 직접 등록되지 않는다.

 

 

@ArgsType()

  • GraphQL에서 인자(argument)를 정의할 때 사용
  • 주로 query나 mutation에서 여러 개의 인자를 받을 때 사용
import { ArgsType, Field } from '@nestjs/graphql';

@ArgsType()
class GetUserArgs {
  @Field()
  id: string;
}
import { Resolver, Query, Args } from '@nestjs/graphql';

@Resolver()
class UserResolver {
  @Query(() => User)
  getUser(@Args() args: GetUserArgs): User {
    const { id } = args;
    // 사용자 조회 로직
  }
}

 

 

@ObjectType()

  • GraphQL 스키마에서 조회 가능한 객체를 정의하는 데 사용된다.
  • 이 객체 유형은 주로 Query나 Mutation의 결과로 반환되는 객체를 나타낸다.

 

 

요약

  • InputType 주로 mutation에서 복합적인 입력 객체를 정의할 때 사용
  • ArgsType 주로 query나 mutation에서 여러 개의 인자를 받을 때 사용
  • ObjectType 결과 조회

 

 

저작자표시 변경금지

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

GraphQL 스키마를 정의할 때 매우 유용한 도구 MapperType  (0) 2024.07.29
유저 프로필 수정 시 Mapped types 주의할 점  (0) 2024.06.21
InputTypes and ArgumentTypes  (0) 2024.06.21
type-graphql의 isAbstract 옵션  (0) 2024.06.21
@InputType과 @ObjectType을 동시에 데코레이터 사용 시 주의할 점  (0) 2024.06.21
    'Frontend/Nest.js' 카테고리의 다른 글
    • GraphQL 스키마를 정의할 때 매우 유용한 도구 MapperType
    • 유저 프로필 수정 시 Mapped types 주의할 점
    • InputTypes and ArgumentTypes
    • type-graphql의 isAbstract 옵션
    wam
    wam

    티스토리툴바