Project context
식권대장 프로젝트 소개
식권대장은 송파 IT벤처타워와 가락시장역 주변의 식당을 탐색하고 점심 메뉴를 고를 수 있도록 만든 실서비스형 웹 애플리케이션입니다. 정적인 식당 카탈로그와 실시간 리뷰 데이터를 연결해 실제 사용 흐름을 검증할 수 있도록 구성했습니다.
현대퓨처넷 MSA 풀스택 기반 프로젝트
이 프로젝트는 현대퓨처넷 MSA 풀스택 기반의 서비스 설계 관점으로 구현했습니다. Next.js와 TypeScript로 사용자 화면과 서버 API를 구성하고, Firebase Realtime Database와 Storage를 리뷰 데이터와 이미지 저장에 활용했습니다. Vercel 배포, Google Analytics 측정, 검색엔진용 JSON-LD·사이트맵·AI 검색 안내 파일까지 하나의 운영 흐름으로 연결했습니다.
부트캠프에서 배운 흐름을 제품에 적용
현대퓨처넷 부트캠프에서 익힌 요구사항 정리, 컴포넌트 설계, API 연동, 데이터 검증, 배포와 운영 점검을 식권대장에 적용했습니다. 단순한 화면 구현에 그치지 않고 모바일 반응형 UI, 접근성, 이미지 최적화, API 오류 처리, 성능과 보안 경계를 함께 고려한 포트폴리오 프로젝트입니다.
교육과정 학습 내용과 서비스 구현
현대퓨처넷 교육과정에서 다룬 프론트엔드·백엔드·데이터 처리·클라우드 배포 개념을 지도 기반 식당 서비스라는 도메인에 연결했습니다. 검색과 필터, 거리 계산, 지도 마커 클러스터링, 리뷰 집계, Cron 기반 메뉴 갱신처럼 사용자가 직접 확인할 수 있는 기능으로 학습 결과를 구체화했습니다.