1) 문제점
- 맛집 정보가 블로그, SNS, 리뷰 앱 등 여러 채널에 분산되어 있어 원하는 맛집을 찾기 어려움
- 검색 결과가 광고성 콘텐츠와 섞여 있어 신뢰할 수 있는 맛집 정보 선별이 어려움
- 지역별/테마별(흑백요리사, 블루리본 등) 맛집을 한눈에 파악하기 어려워 탐색에 많은 시간 소요

2) 프로젝트 목표
- 지도 기반 탐색: 네이버 지도 연동을 통해 주변 맛집을 직관적으로 탐색할 수 있는 기능 개발
- 큐레이션 제공: 흑백요리사 셰프 음식점, 블루리본 선정 맛집 등 검증된 맛집 리스트 제공
- 통합 정보 제공: 메뉴, 운영시간, 위치 등 흩어진 맛집 정보를 한 곳에서 확인할 수 있는 시스템 구축

3) 주안점
- 모바일 사용자 경험을 고려한 터치 최적화 및 반응형 UI 설계
- 대량의 맛집 마커를 효율적으로 렌더링하기 위한 Canvas 기반 지도 성능 최적화
- SEO 최적화를 통한 검색 엔진 노출 및 공유 시 풍부한 미리보기 제공

1) 포트폴리오 소개
맛집 탐색을 원하는 사용자를 위한 지도 기반 맛집 큐레이션 웹서비스 개발
검색으로 찾기 어려운 맛집 정보를 지도 기반으로 쉽게 탐색할 수 있는 서비스입니다. 흑백요리사 출연 셰프 음식점 모음, 블루리본 선정 맛집 등 큐레이션된 맛집 리스트를 제공하며, 네이버 지도 연동을 통해 위치 기반으로 주변 맛집을 손쉽게 찾을 수 있습니다.

2) 작업 범위
개발 참여 범위:
- 화면 설계
- UI/UX 디자인
- Front-end 개발 (Next.js)
- Back-end API 개발 (Next.js API Routes)
- 데이터베이스 연동 (Strapi CMS)
- 관리자 페이지 개발

지원 환경:
- 반응형 웹 (모바일 퍼스트)
- 데스크톱, 태블릿, 모바일 최적화
- 다크모드 지원

3) 주요 업무
주요 기능:
- 네이버 지도 기반 맛집 위치 표시 및 클러스터링
- GPS 기반 주변 맛집 리스트 조회
- 키워드 검색 및 자동완성 기능
- 흑백요리사 셰프 음식점 큐레이션 (시즌1, 시즌2)
- 블루리본 맛집 배지 시스템
- 맛집 좋아요 및 북마크 기능
- 커뮤니티 게시판 (리뷰/아티클 작성)
- 소셜 로그인 (카카오, 구글)
- 네이버 북마크 일괄 등록 기능 (관리자)

주요 페이지:
- 홈 탭 (큐레이션 맛집 리스트)
- 지도 탭 (네이버 지도 기반 맛집 탐색)
- 맛집 상세 페이지 (메뉴, 운영시간, 위치 정보)
- 커뮤니티 탭 (리뷰 및 아티클)
- 마이페이지 (프로필, 좋아요 목록, 내 리뷰)
- 관리자 페이지 (맛집 등록/관리)

4) 주안점
모바일 사용자 경험 최적화:
- 터치 스크롤과 클릭 이벤트 충돌 방지를 위한 커스텀 훅 개발
- 스와이프 제스처 지원 및 부드러운 애니메이션

지도 성능 최적화:
- Canvas 기반 마커 렌더링으로 대량의 맛집 데이터 효율적 표시
- 마커 클러스터링을 통한 가시성 및 성능 개선

SEO 최적화:
- Next.js SSR/SSG를 활용한 검색 엔진 최적화
- 동적 Open Graph 메타태그 생성

사용자 편의성:
- 직관적인 네비게이션 및 일관된 디자인 시스템
- 다크모드 지원으로 다양한 환경에서의 가독성 확보