influence/md/2024-12-20.md

📅 2024-12-20 변경 로그

🎯 주요 변경사항

• 인플루언서 벤더사 검색 페이지의 셀렉트 박스 UX 개선
• 카테고리/지역 필터에 "전체" 옵션 추가하여 기본 선택값 제공

📋 상세 내용

🔧 개선사항

• 셀렉트 박스 기본값 설정: 페이지 로드 시 카테고리와 지역이 "전체"로 자동 선택되도록 개선
• 사용자 경험 향상: clearable 속성 제거하여 실수로 필터가 초기화되는 것 방지
• UI 정리: hide-details 속성 추가로 더 깔끔한 인터페이스 제공

🐛 버그 수정

• CREATED_AT 컬럼 오류 수정: VENDOR_INFLUENCER_MAPPING 테이블에 존재하지 않는 CREATED_AT 컬럼을 REG_DATE로 변경
• TERMINATED_AT 컬럼 오류 수정: 존재하지 않는 TERMINATED_AT 컬럼을 PARTNERSHIP_END_DATE로 변경
• UPDATED_AT 컬럼 오류 수정: 존재하지 않는 UPDATED_AT 컬럼을 MOD_DATE로 변경
• 존재하지 않는 필드들 정리: TERMINATION_REASON, TERMINATED_BY를 ADD_INFO1, ADD_INFO2로 변경
• authStore getUserSeq 메소드 추가: 파트너 승인 요청 시 필수 파라미터 null 오류 해결
• vim 별칭 테이블 오류 수정: "Unknown table 'shopdeli.vim'" 오류 해결을 위해 모든 쿼리에서 명시적 테이블 별칭 정의
• PROCESSED_AT 컬럼 오류 수정: 존재하지 않는 PROCESSED_AT 컬럼을 RESPONSE_DATE로 변경

📝 파일 변경

• pages/view/influencer/search.vue:
  • categoryOptions 배열 첫 번째에 { title: "전체", value: "" } 추가
  • regionOptions 배열 첫 번째에 { title: "전체", value: "" } 추가
    
  • v-select 컴포넌트에서 clearable 제거, hide-details 추가
  • submitRequest 함수에 디버깅 로그 추가
• stores/auth.js: getUserSeq 메소드 별칭 추가 (getUserSeq: getSeq)
• backend/app/Controllers/InfluencerController.php: 모든 CREATED_AT → REG_DATE 변경
• backend/app/Controllers/VendorController.php: orderBy CREATED_AT → REG_DATE 변경
  
• backend/app/Models/InfluencerPartnershipModel.php: CREATED_AT 필드 제거, REG_DATE 사용
• backend/app/Models/VendorPartnershipModel.php: CREATED_AT, PROCESSED_AT 필드 제거, REG_DATE, RESPONSE_DATE 사용
• md/README.md: 변경 로그 관리 규칙 및 템플릿 문서 생성
• .cursor/rules/api-rule.mdc: 변경 로그 관리 규칙 추가

🧪 테스트 확인

• 페이지 로드 시 "전체" 옵션이 기본 선택되는지 확인
• "전체" 선택 시 모든 벤더사가 조회되는지 확인
• 특정 카테고리/지역 선택 시 필터링이 정상 작동하는지 확인
• 브라우저 호환성 확인 (Chrome, Safari, Edge)
• 모바일 반응형 확인

🎨 UI/UX 개선 효과

• Before: 셀렉트 박스가 비어있어 사용자가 어떤 옵션이 있는지 모름
• After: "전체"가 기본 선택되어 직관적인 사용 가능

🔄 동작 흐름

1. 페이지 접속 → 카테고리/지역 자동으로 "전체" 선택
2. onMounted에서 handleSearch() 자동 실행
3. 모든 벤더사 리스트 표시
4. 사용자가 원하는 필터 선택 시 해당 조건으로 재검색

📌 다음 작업 예정

• 벤더사 상세 페이지 개발
• 파트너십 요청 모달 기능 개선
• 검색 결과 정렬 옵션 추가 (인기순, 최신순, 평점순)

💡 학습된 점

• Vue3 Composition API에서 ref 초기값과 셀렉트 박스 연동 방법
• 사용자 경험을 고려한 기본값 설정의 중요성
• clearable vs hide-details 속성의 적절한 사용법

---

작업자: AI Assistant
리뷰어: -
완료시간: 2024-12-20 오후