새로운 SearchPanel 컴포넌트와 스타일 모듈을 추가해 검색 기능을 모듈화했습니다.
🕐 커밋 시간: 2025. 09. 25. 16:39:25
📊 변경 통계:
• 총 파일: 2개
📁 추가된 파일:
+ com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.jsx
+ com.twin.app.shoptime/src/views/SearchPanel/SearchPanel.new.module.less
🕐 커밋 시간: 2025. 09. 25. 13:08:50
📊 변경 통계:
• 총 파일: 1개
• 추가: +84줄
• 삭제: -56줄
📝 수정된 파일:
~ com.twin.app.shoptime/src/views/DetailPanel/components/CustomDropDown.module.less
🔧 주요 변경 내용:
• UI 컴포넌트 아키텍처 개선
• 소규모 기능 개선
• 코드 정리 및 최적화
🕐 커밋 시간: 2025. 09. 25. 13:03:22
📊 변경 통계:
• 총 파일: 16개
• 추가: +116줄
📁 추가된 파일:
+ com.twin.app.shoptime/src/actions/toastActions.js
+ com.twin.app.shoptime/src/components/TToast/TToastEnhanced.jsx
+ com.twin.app.shoptime/src/components/TToast/TToastEnhanced.module.less
+ com.twin.app.shoptime/src/components/TToast/ToastContainer.jsx
+ com.twin.app.shoptime/src/components/TToast/ToastContainer.module.less
+ com.twin.app.shoptime/src/reducers/toastReducer.js
+ com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.jsx
+ com.twin.app.shoptime/src/views/DetailPanel/components/BuyOption.module.less
+ com.twin.app.shoptime/src/views/DetailPanel/components/BuyOptionPriceBlock.jsx
+ com.twin.app.shoptime/src/views/DetailPanel/components/BuyOptionPriceBlock.module.less
+ com.twin.app.shoptime/src/views/DetailPanel/components/CustomDropDown.jsx
+ com.twin.app.shoptime/src/views/DetailPanel/components/CustomDropDown.module.less
📝 수정된 파일:
~ com.twin.app.shoptime/src/App/App.js
~ com.twin.app.shoptime/src/store/store.js
~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
🔧 주요 변경 내용:
• 핵심 비즈니스 로직 개선
• UI 컴포넌트 아키텍처 개선
• 중간 규모 기능 개선
• 모듈 구조 개선
- useReviews 훅의 API 호출 로직 개선 및 에러 핸들링 강화
- UserReviewPanel 컴포넌트 리팩토링 및 사용자 경험 개선
- UserReviewItem 및 UserReviewsList 컴포넌트 UI/UX 최적화
- ProductAllSection에서 리뷰 버튼 상호작용 개선
- productActions에서 리뷰 관련 액션 로직 정리
- 전체적인 리뷰 시스템 아키텍처 개선으로 성능 향상
🔧 주요 변경 사항:
• 리뷰 데이터 로딩 성능 최적화
• 컴포넌트 재사용성 및 유지보수성 향상
• API 호출 에러 처리 로직 개선
• 사용자 인터페이스 반응성 향상
1. 우선 홈 > 카테고리 부분에만 적용해둠.
- TItemCard.new.jsx에 적용.
- 노출이 어떨때 되어야하는지 아직 이야기없음.
- api가 아직 나오지않아 이부분에 대해서는 1000달러 이상인 금액에만 나오도록 처리.
2. 에너지 라벨 관련에 대해서 이미지 assset/energyLabel 에 추가.
3. Config 파일에 energyPopup추가
4. Tpopup에 스타일 추가.
1. 상품 상세 진입시 초기 포커스 shop by mobile 로 변경.
- spotlightids추가.
2. 상품상세 scroll down추가. - 하단부 도달했을때 노출되지않도록 처리.
- 클릭시 200px씩 이동.
3. 리뷰팝업 부분 스타일변경
- 호버시 이미지 확대부분 부자연스럽지 않도록 변경.
4. 상품 상세 우측 부분에서의 포커스 이동시 좌측 버튼부분의 호버처리.
- 포커스 이동시에 자연스럽게 호버 이동가능하도록 변경
- UserReviews 컴포넌트 리팩토링 및 페이지네이션 구현
- 새로운 hooks/useReviews 훅 추가
- DetailPanel UI/UX 개선 및 스타일 업데이트
- 이미지 스켈레톤 로딩 컴포넌트 추가
- THeaderDetail 컴포넌트 신규 추가
- 유틸리티 함수 확장 (fpHelpers.js)
🕐 커밋 시간: 2025. 09. 04. 16:38:16
💬 사용자 메시지:
UserReviews showAllReviews 토글 기능 완전 구현 (Target 동기화)
주요 변경사항:
• Redux 상태 관리 완전 동기화 (Source와 동일)
- actionTypes.js: TOGGLE_SHOW_ALL_REVIEWS 액션 타입 추가
- productActions.js: toggleShowAllReviews() 액션 크리에이터 구현
- productReducer.js: handleToggleShowAllReviews 리듀서 핸들러 추가
• ProductAllSection 컴포넌트 수정 (Source와 동일)
- LayoutSample 버튼에 toggleShowAllReviews 디스패치 연결
- handleLayoutSampleClick 핸들러로 Redux 액션 호출 구현
- ProductAllSection.module.less에 LayoutSample 스타일 추가
• UserReviews 컴포넌트 핵심 개선 (Target 전용 수정)
- 기존 복잡한 DOM 조작 로직 완전 제거
* containerRef.current.querySelector 방식 삭제
* 복잡한 스타일 조작 및 resize 이벤트 로직 제거
- Source의 간단한 TScroller ref 기반 로직으로 교체
* tScrollerRef.current.calculateMetrics() 호출
* tScrollerRef.current.scrollTo() 호출
* 100ms setTimeout으로 단순화
- toggleShowAllReviews import 및 dispatch 연결 완성
• TScroller 동작 최적화
- key prop 동적 변경으로 강제 재렌더링 트리거
- showAllReviews 상태 변경 시 스크롤 영역 자동 재계산
- 5개 → 100개 리뷰 전체 렌더링 지원
• 코드 안정성 개선
- 복잡한 DOM 쿼리 로직 제거로 에러 가능성 감소
- TScroller ref 직접 접근으로 안정적인 스크롤 업데이트
- React 렌더링 사이클과 동기화된 업데이트 타이밍
Target 특화 문제 해결:
- Source와 완전 동일한 코드 베이스 구축
- 복잡한 DOM 조작 로직을 간단한 ref 기반으로 통합
- LayoutSample 클릭 → 100개 리뷰 표시 기능 완성
📊 변경 통계:
• 총 파일: 8개
• 추가: +192줄
• 삭제: -26줄
📁 추가된 파일:
+ package-lock.json
📝 수정된 파일:
~ com.twin.app.shoptime/src/actions/actionTypes.js
~ com.twin.app.shoptime/src/actions/productActions.js
~ com.twin.app.shoptime/src/reducers/productReducer.js
~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.jsx
~ com.twin.app.shoptime/src/views/DetailPanel/ProductAllSection/ProductAllSection.module.less
~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviews.jsx
~ com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviews.module.less
🔧 주요 변경 내용:
• 타입 시스템 안정성 강화
• 핵심 비즈니스 로직 개선
• 중간 규모 기능 개선
• 모듈 구조 개선
