티켓팅 연습 사이트 프론트엔드 설계 문서

1. 프로젝트 개요

1.1 목적

실제 티켓팅 환경의 긴장감과 불안정성을 사실적으로 재현하는 사용자 인터페이스 구축

1.2 핵심 목표

• 실제 티켓팅 사이트와 유사한 UI/UX 제공
• 백엔드의 지연 시뮬레이션과 완벽한 동기화
• 네트워크 환경 감지 및 백엔드 전달
• 실시간 상태 업데이트 및 사용자 피드백

2. 기술 스택 선택

2.1 프레임워크: Next.js

선택 이유

서버 사이드 렌더링 (SSR)

• SEO 최적화가 가능합니다. 이로 인해 검색엔진에서 우위를 차지할 수 있습니다. 저희 서비스는 검색엔진이 미치는 영향이 크다 생각합니다.

API Routes 혹은 Server Action

• 프론트엔드와 백엔드 사이의 중간 레이어로 활용 가능합니다
• 민감한 API 키를 클라이언트에 노출하지 않습니다
• 요청 전처리 및 후처리가 용이합니다

최적화 기능