서울 성수·연남·망원·을지로의 공방 클래스를 검색하고 예약하는 마켓플레이스입니다. 예약·매칭 기반 서비스(클래스, 공간 대여, 전문가 매칭, 뷰티·피트니스)에 그대로 적용 가능한 구조입니다. [주요 기능] 다중 조건 필터링 — 지역·카테고리·가격 범위·예약 가능 여부 동시 적용, 4종 정렬(추천/가격/평점/소요시간) 리스트 지도 양방향 연동 — 카드에 마우스를 올리면 해당 지도 핀이 강조 3단계 예약 플로우 — 날짜·시간 선택 인원 예약자 정보, 단계별 유효성 검사 및 진행 표시 상세 페이지 — 스티키 예약 위젯, 커리큘럼, 후기, 호스트 프로필, 위치 반응형 필터 — 데스크톱 사이드바 / 모바일 바텀시트 자동 전환 [기술 스택] Astro 7 · React 19 · TypeScript · Vanilla CSS(디자인 토큰) [구현 포인트] 정상 흐름 외 상태 화면 7종 구현 — 로딩(스켈레톤)·검색 결과 없음·예약 마감·입력 오류·처리 실패·후기 없음·404. 실서비스 완성도를 좌우하는 부분입니다. 지도 좌표 실측 반영 — 4개 지역의 실제 위경도를 Web Mercator로 투영해 배치, 한강 유로까지 실제 경로 기반. 외부 지도 API 없이 구현해 API 키 관리·과금이 발생하지 않습니다. 웹 접근성 — 키보드만으로 예약 완주 가능, 스크린리더 대응(제목 위계·aria-live·상태 전달), WCAG AA 명도대비 충족(실측 4.6:1 이상) 반응형 전 구간(모바일·태블릿·데스크톱) 검증 완료 *본 사이트는 포트폴리오용으로 개편한 목업입니다.