NFT 플랫폼 초기 프런트엔드 구조 문서
Next.js 기반 초기 세대 NFT 플랫폼 프런트엔드의 구조와 개발 환경을 정리한 공개 문서
이 프로젝트에서의 GraphQL 활용
codegen.ts를 통한 타입 안전한 API 데이터 연동
프로젝트 2개에서 사용했습니다. 각 프로젝트에서 어떤 역할로 썼는지 아래에 정리했습니다.
클라이언트가 필요한 데이터만 정확히 요청할 수 있게 하는 API 쿼리 언어이자 런타임
GraphQL은 서버가 제공하는 데이터의 타입과 관계를 스키마로 정의하고, 클라이언트가 이 스키마를 기반으로 필요한 필드만 골라 요청할 수 있게 하는 API 쿼리 언어입니다. REST에서 흔한 오버페칭(불필요한 데이터까지 받는 것)과 언더페칭(부족해서 여러 번 요청하는 것) 문제를 해결하기 위해 만들어졌습니다. 하나의 엔드포인트로 조회(query), 변경(mutation), 실시간 구독(subscription)을 모두 처리할 수 있고, 스키마 자체가 API 문서 역할을 하며 코드 생성 도구와 연동해 타입 안전성을 확보하는 데도 많이 활용됩니다.
User 타입과 조회 쿼리를 스키마로 정의하고, 클라이언트는 필요한 필드(name, email)만 선택해 요청합니다.
# 스키마 정의
type User {
id: ID!
name: String!
email: String!
}
type Query {
user(id: ID!): User
}
# 클라이언트가 보내는 쿼리
query GetUser {
user(id: "1") {
name
email
}
}위 개요는 기술 학습을 돕기 위해 자동 생성된 일반 설명입니다. 정확한 사양과 최신 정보는 공식 문서를 확인하세요.
위 개념이 실제 프로젝트에서 어떻게 쓰였는지 보여줍니다.
Next.js 기반 초기 세대 NFT 플랫폼 프런트엔드의 구조와 개발 환경을 정리한 공개 문서
이 프로젝트에서의 GraphQL 활용
codegen.ts를 통한 타입 안전한 API 데이터 연동
Next.js 기반 내부 복지 관리 어드민의 구조와 개발 환경을 정리한 문서 프로젝트
이 프로젝트에서의 GraphQL 활용
코드젠을 통한 타입 안전한 API 연동
위 프로젝트들에서 같이 쓰인 다른 기술입니다.