본 문서는 제가 팀원으로서 기여한 파일과 구현 기능, 그리고 그 효과를 정리한 것입니다.
-
components/KakaoMap.jsx
- 카카오 지도 초기화 및 기본 레벨 설정
- 집/도착지 마커 표시 및 마커 교체 시 clear 구현
- 마우스 호버 시 라벨 표시, 집 마커는 라벨 제외 처리
setBounds보완으로 카메라 튐 현상 해결 → 안정적인 지도 UI 제공
-
pages/MainPage2.jsx
- 길찾기 패널 열림/닫힘 상태 관리
- 출발지/도착지 전환 기능 구현
- 새로고침/공유 시 동일 상태 복원 → 상태 일관성 확보 및 사용자 편의성 향상
-
components/place
- 추천 장소 카드 UI 제작
- 각 장소에 대해 "지도 열기/길찾기" 액션 연결
- 카드를 이용하여 캐러셀 및 리스트 구현 → 시각화 개선
-
lib/utils.js
- 문자열 정규화 함수 작성 (공백/괄호 제거 등)
- 의도 감지(
detectIntent), 쿼리 파라미터 유틸 구현 - 입력 안정화(디바운스 처리 등)
→ 코드 중복 방지
-
services/directions.js
/geo/car/directionsAPI 호출 래퍼 작성- 응답 파싱/표준화, 에러 핸들링 강화
- 요청 시간 로깅으로 성능 분석 가능
→ API 호출 신뢰성 향상
-
store/chat.js
- 채팅 상태 관리(Zustand) 구조 구현
- 메시지 추가/저장/불러오기 로직 작성
- 대화 흐름 보존 기능 제공
→ AI 채팅 경험의 연속성 강화
-
hooks/useStoreHydrated.js
- Zustand 스토어 하이드레이션 여부 체크 훅 구현
- 하이드레이션 완료 이후에만 상태 반영
→ 초기 잘못된 값 렌더링 문제 방지