48시간 내 배포를 위한 Serverless Frontend 아키텍처 설계

Context

해커톤의 극심한 시간 제약과 서버 비용 제로화라는 제약 사항 존재. 빠른 프로토타이핑과 즉각적인 배포가 가능한 구조적 단순함이 최우선 과제인 상황.

Technical Solution

• 빌드 프로세스 제거를 위한 React 18 CDN 및 Babel Standalone 채택으로 개발-배포 사이클 최소화
• 서버 구축 비용 및 관리 공수 제거를 위한 GitHub Pages 기반의 Static Hosting 전략 수립
• Backend 부재로 인한 데이터 영속성 문제를 Browser localStorage 활용으로 해결하여 사용자 경험 유지 및 프라이버시 보호
• Google Places API 연동을 통한 외부 데이터 소스 확보 및 실시간 리소스 맵 렌더링 구현
• Three.js 기반의 torus knot 및 particle effects 적용을 통한 인터랙티브한 사용자 인터페이스 구축

Key Takeaway

완벽한 설계보다 실행 가능한 최소 제품(MVP)의 빠른 시장 검증이 중요하며, 제약 사항에 따라 가장 단순한 기술 스택을 선택하는 것이 프로젝트 완수 가능성을 높임.