정지용
프로젝트 목록
프론트엔드

NFT 플랫폼 초기 프런트엔드 구조 문서

Next.js 기반 초기 세대 NFT 플랫폼 프런트엔드의 구조와 개발 환경을 정리한 공개 문서

legacy-nft-platform-frontend-docs최근 업데이트 2026년 7월 26일

개요

초기 세대 NFT 플랫폼 프런트엔드 프로젝트의 구조를 공개용으로 정리한 문서 레포지토리입니다. Next.js의 pages 기반 라우팅 위에서 GraphQL codegen으로 타입 안전한 API 연동을 구성하고, Jest 단위 테스트와 Cypress E2E 테스트로 품질을 검증하는 구조를 다룹니다. 로컬 개발 환경은 setup.sh와 git-hooks로 표준화되어 있으며, Docker와 infra 디렉터리를 통해 배포 환경 구성도 포함합니다. 실제 소스코드는 비공개이며, 이 레포는 기술 스택과 구조에 대한 설명만을 제공합니다.

담당 역할

초기 세대 NFT 플랫폼 프런트엔드의 구조 설계 및 개발 환경(테스트, GraphQL 연동, 배포 인프라) 구성에 참여했습니다.

아키텍처 다이어그램

레포지토리 분석 결과를 바탕으로 자동 생성된 구조도입니다.

아키텍처

프런트엔드 구조 개요

Next.js 페이지, GraphQL 연동, 테스트 계층, 배포 인프라 간의 관계를 보여주는 구조도입니다.

다이어그램을 그리는 중…

기술스택

각 기술을 이 프로젝트에서 어떤 용도로 썼는지 정리했습니다.

프레임워크

  • Next.jspages 기반 라우팅으로 프런트엔드 애플리케이션 구성

도구

  • GraphQLcodegen.ts를 통한 타입 안전한 API 데이터 연동

테스트

  • Jest프런트엔드 컴포넌트 및 로직 단위 테스트
  • Cypresscypress 디렉터리 기반 E2E 테스트 자동화

DevOps

  • Docker애플리케이션 컨테이너화 및 배포 환경 구성

핵심 포인트

  • GraphQL codegen으로 API 타입을 자동 생성해 프런트엔드와 백엔드 스키마 일관성 확보
  • Jest 단위 테스트와 Cypress E2E 테스트를 병행해 다층적 품질 검증 구조 구축
  • setup.sh와 git-hooks로 로컬 개발 환경 세팅을 표준화하여 온보딩 비용 절감
  • Docker와 infra 디렉터리를 통해 배포 환경 구성을 코드로 관리

레포지토리 정보

생성
2026년 7월 26일
최근 커밋
2026년 7월 26일
크기
0 KB
라이선스
없음

이 문서는 2026년 7월 26일 에 자동 분석으로 생성되었습니다.