[251126] fix: Remove Lint warinings - 1

🕐 커밋 시간: 2025. 11. 26. 14:59:11 📊 변경 통계: • 총 파일: 12개 • 추가: +47줄 • 삭제: -50줄 📝 수정된 파일: ~ com.twin.app.shoptime/src/App/App.js ~ com.twin.app.shoptime/src/App/deepLinkHandler.js ~ com.twin.app.shoptime/src/actions/appDataActions.js ~ com.twin.app.shoptime/src/actions/billingActions.js ~ com.twin.app.shoptime/src/actions/brandActions.js ~ com.twin.app.shoptime/src/actions/cancelActions.js ~ com.twin.app.shoptime/src/actions/cardActions.js ~ com.twin.app.shoptime/src/actions/checkoutActions.js ~ com.twin.app.shoptime/src/actions/commonActions.js ~ com.twin.app.shoptime/src/actions/convertActions.js ~ com.twin.app.shoptime/src/actions/couponActions.js ~ com.twin.app.shoptime/src/views/UserReview/UserReviewPanel.jsx 🔧 주요 변경 내용: • 핵심 비즈니스 로직 개선 • 소규모 기능 개선 • 코드 정리 및 최적화 • 모듈 구조 개선 Performance: 코드 최적화로 성능 개선 기대
2025-11-26 14:59:12 +09:00
parent e8464b98b6
commit 96cbd1f67e
12 changed files with 47 additions and 50 deletions
--- a/com.twin.app.shoptime/src/App/App.js
+++ b/com.twin.app.shoptime/src/App/App.js
@@ -18,7 +18,6 @@ import { ThemeDecorator } from '@enact/sandstone/ThemeDecorator';

 import {
  changeAppStatus,
-  changeLocalSettings,
  // cancelFocusElement,
  // focusElement,
  // setExitApp,
@@ -280,7 +279,7 @@ const originFocus = Spotlight.focus;
 const originMove = Spotlight.move;
 const originSilentlyFocus = Spotlight.silentlyFocus;
 let lastLoggedSpotlightId = null;
-let lastLoggedBlurSpotlightId = null;
+let lastLoggedBlurSpotlightId = null; // eslint-disable-line no-unused-vars
 let focusLoggingSuppressed = 0;

 const resolveSpotlightIdFromNode = (node) => {
@@ -427,7 +426,7 @@ Spotlight.silentlyFocus = function (...args) {
 //   });
 // }

-function AppBase(_props) {
+function AppBase(_props /* eslint-disable-line no-unused-vars */) {
  const dispatch = useDispatch();
  const httpHeader = useSelector((state) => state.common.httpHeader);
  const httpHeaderRef = useRef(httpHeader);
@@ -629,7 +628,7 @@ function AppBase(_props) {
        clearLaunchParams();
      }
    },
-    [/* dispatch */]
+    [dispatch],
  );

  const handleRelaunchEvent = useCallback(() => {
@@ -683,7 +682,7 @@ function AppBase(_props) {
    if (typeof window === 'object' && window.PalmSystem) {
      window.PalmSystem.activate();
    }
-  }, [initService, introTermsAgreeRef /*, dispatch */]);
+  }, [initService, introTermsAgreeRef]);

  const visibilityChanged = useCallback(() => {
    // console.log('document is hidden', document.hidden);
@@ -727,7 +726,7 @@ function AppBase(_props) {
  }, [dispatch]);

  useEffect(() => {
-    const keyDownEvent = (_event) => {
+    const keyDownEvent = (_event /* eslint-disable-line no-unused-vars */) => {
      dispatch(changeAppStatus({ cursorVisible: false }));
      Spotlight.setPointerMode(false);
    };
@@ -736,7 +735,7 @@ function AppBase(_props) {
    let lastMoveTime = 0;
    const THROTTLE_MS = 100;

-    const mouseMoveEvent = (_event) => {
+    const mouseMoveEvent = (_event /* eslint-disable-line no-unused-vars */) => {
      const now = Date.now();
      if (now - lastMoveTime < THROTTLE_MS) {
        // throttle 기간 내에는 hideCursor만 재시작
--- a/com.twin.app.shoptime/src/App/deepLinkHandler.js
+++ b/com.twin.app.shoptime/src/App/deepLinkHandler.js
@@ -1,4 +1,4 @@
-import { useDispatch } from "react-redux";
+
 import { updateHomeInfo } from "../actions/homeActions";
 import { pushPanel } from "../actions/panelActions";
 import {
@@ -11,7 +11,7 @@ import { SpotlightIds } from "../utils/SpotlightIds";
 import { sendLogTotalRecommend } from "../actions/logActions";

 //V2_진입경로코드_진입경로명_MT_노출순번
-export const handleDeepLink = (contentTarget) => (dispatch, getState) => {
+export const handleDeepLink = (contentTarget) => (dispatch, _getState) => {
  console.log("[handleDeepLink] ~ contentTarget: ", contentTarget);
  let linkTpCd; // 진입경로코드
  let linkTpNm; // 진입경로명
@@ -21,7 +21,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, getState) => {
  let curationId; // 큐레이션아이디
  let showId; // 방송아이디
  let chanId; // 채널아이디
-  let expsOrd; // 노출순번
  let grNumber; // 그룹번호
  let evntId; // 이벤트아이디
  let lgCatCd; // LG카테고리Code
@@ -65,7 +64,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, getState) => {
          // V3_진입경로코드_진입경로명_PD_파트너아이디_상품아이디_노출순번_큐레이션아이디
          patnrId = tokens[4]; // 파트너아이디
          prdtId = tokens[5]; // 상품아이디
-          expsOrd = tokens[6]; // 노출순번
          curationId = tokens[7]; // 큐레이션아이디
          panelName = panel_names.DETAIL_PANEL;
          deeplinkPanel = "Product Detaoil";
@@ -81,7 +79,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, getState) => {
          // V3_진입경로코드_진입경로명_LS_파트너아이디_채널아이디_노출순번_큐레이션아이디
          patnrId = tokens[4]; // 파트너아이디
          chanId = tokens[5]; // 채널아이디
-          expsOrd = tokens[6]; // 노출순번
          curationId = tokens[7]; // 큐레이션아이디
          panelName = panel_names.PLAYER_PANEL;
          deeplinkPanel = "Live Show";
@@ -98,7 +95,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, getState) => {
          // V3_진입경로코드_진입경로명_VS_파트너아이디_방송아이디_노출순번_큐레이션아이디
          patnrId = tokens[4]; // 파트너아이디
          showId = tokens[5]; // 방송아이디
-          expsOrd = tokens[6]; // 노출순번
          curationId = tokens[7]; // 큐레이션아이디
          panelName = panel_names.PLAYER_PANEL;
          deeplinkPanel = "VOD Show";
@@ -119,7 +115,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, getState) => {
          patnrId = tokens[4]; // 파트너아이디
          curationId = tokens[5]; // 큐레이션아이디\
          prdtId = tokens[6]; // 상품아이디
-          expsOrd = tokens[7]; // 노출순번
          grNumber = tokens[8]; // 그룹번호
          panelName = panel_names.DETAIL_PANEL;
          deeplinkPanel = "Theme Detail";
@@ -140,7 +135,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, getState) => {

          patnrId = tokens[4]; // 파트너아이디
          curationId = tokens[5]; // 큐레이션아이디
-          expsOrd = tokens[6]; // 노출순번
          panelName = panel_names.DETAIL_PANEL;
          deeplinkPanel = "Hotel Detail";
          panelInfo = {
@@ -157,7 +151,6 @@ export const handleDeepLink = (contentTarget) => (dispatch, getState) => {

          patnrId = tokens[4]; // 파트너아이디
          curationId = tokens[5]; // 큐레이션아이디
-          expsOrd = tokens[6]; // 노출순번
          panelName = panel_names.HOT_PICKS_PANEL;
          deeplinkPanel = "Hot Picks";
          panelInfo = {
--- a/com.twin.app.shoptime/src/actions/appDataActions.js
+++ b/com.twin.app.shoptime/src/actions/appDataActions.js
@@ -5,7 +5,7 @@ import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { dlog, derror } = createDebugHelpers(DEBUG_MODE);

 export const addMainIndex = (index) => ({
  type: types.ADD_MAIN_INDEX,
--- a/com.twin.app.shoptime/src/actions/billingActions.js
+++ b/com.twin.app.shoptime/src/actions/billingActions.js
@@ -5,7 +5,7 @@ import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { dlog, derror } = createDebugHelpers(DEBUG_MODE);

 // IF-LGSP-328 : 회원 Billing Address 조회
 export const getMyInfoBillingSearch = (props) => (dispatch, getState) => {
--- a/com.twin.app.shoptime/src/actions/brandActions.js
+++ b/com.twin.app.shoptime/src/actions/brandActions.js
@@ -6,7 +6,7 @@ import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { derror } = createDebugHelpers(DEBUG_MODE);

 // Featured Brands 정보 조회 IF-LGSP-304
 export const getBrandList = () => (dispatch, getState) => {
--- a/com.twin.app.shoptime/src/actions/cancelActions.js
+++ b/com.twin.app.shoptime/src/actions/cancelActions.js
@@ -6,7 +6,7 @@ import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { dlog, derror } = createDebugHelpers(DEBUG_MODE);

 // 회원 주문 취소/반품/교환 사유 조회 (IF-LGSP-347)
 export const getMyinfoOrderCancelColumnsSearch = (params, callback) => (dispatch, getState) => {
--- a/com.twin.app.shoptime/src/actions/cardActions.js
+++ b/com.twin.app.shoptime/src/actions/cardActions.js
@@ -5,7 +5,7 @@ import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { dlog, derror } = createDebugHelpers(DEBUG_MODE);

 // 회원의 등록 카드 정보 조회 IF-LGSP-332
 export const getMyInfoCardSearch = (props) => (dispatch, getState) => {
--- a/com.twin.app.shoptime/src/actions/checkoutActions.js
+++ b/com.twin.app.shoptime/src/actions/checkoutActions.js
@@ -6,7 +6,7 @@ import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { dlog, derror } = createDebugHelpers(DEBUG_MODE);

 // 회원 체크아웃 정보 조회 IF-LGSP-345
 export const getMyInfoCheckoutInfo = (props, callback) => (dispatch, getState) => {
--- a/com.twin.app.shoptime/src/actions/commonActions.js
+++ b/com.twin.app.shoptime/src/actions/commonActions.js
@@ -114,7 +114,7 @@ export const loadingComplete = (status) => ({
  payload: status,
 });

-export const alertToast = (payload) => (dispatch, getState) => {
+export const alertToast = (payload) => (dispatch) => {
  if (typeof window === 'object' && !window.PalmSystem) {
    dispatch(changeAppStatus({ toast: true, toastText: payload }));
  } else {
--- a/com.twin.app.shoptime/src/actions/convertActions.js
+++ b/com.twin.app.shoptime/src/actions/convertActions.js
@@ -31,7 +31,7 @@ export const convertPdfToImage =
        const timeoutError = new Error(
          `Conversion timeout after ${timeout}ms (attempt ${attempts})`
        );
-        dwarn(`⏱️ [EnergyLabel] Timeout on attempt ${attempts}:`, timeoutError.message);
+        void dwarn(`⏱️ [EnergyLabel] Timeout on attempt ${attempts}:`, timeoutError.message);

        // 재시도 가능한 경우
        if (attempts < maxRetries + 1) {
@@ -39,7 +39,7 @@ export const convertPdfToImage =
          attemptConversion();
        } else {
          // 최종 실패
-          derror(`❌ [EnergyLabel] Final failure after ${attempts} attempts:`, pdfUrl);
+          void derror(`❌ [EnergyLabel] Final failure after ${attempts} attempts:`, pdfUrl);
          dispatch({
            type: types.CONVERT_PDF_TO_IMAGE_FAILURE,
            payload: { pdfUrl, error: timeoutError },
@@ -64,17 +64,14 @@ export const convertPdfToImage =

        if (retCode !== undefined && retCode !== 0 && retCode !== '0') {
          const error = new Error(`API Error: retCode=${retCode}`);
-          dwarn(`⚠️ [EnergyLabel] API returned error on attempt ${attempts}:`, retCode);
+          void dwarn(`⚠️ [EnergyLabel] API returned error on attempt ${attempts}:`, retCode);

          // retCode 에러도 재시도
          if (attempts < maxRetries + 1) {
-            dlog(`🔄 [EnergyLabel] Retrying due to API error... (${attempts}/${maxRetries + 1})`);
+            void dlog(`🔄 [EnergyLabel] Retrying due to API error... (${attempts}/${maxRetries + 1})`);
            attemptConversion();
          } else {
-            derror(
-              `❌ [EnergyLabel] Final failure after ${attempts} attempts (API error):`,
-              pdfUrl
-            );
+                      void derror(`❌ [EnergyLabel] Final failure after ${attempts} attempts (API error):`, pdfUrl);
            dispatch({
              type: types.CONVERT_PDF_TO_IMAGE_FAILURE,
              payload: { pdfUrl, error },
@@ -111,7 +108,7 @@ export const convertPdfToImage =
            imageUrl = URL.createObjectURL(blob);
          }

-          dlog(`✅ [EnergyLabel] Conversion successful on attempt ${attempts}:`, pdfUrl);
+          void dlog(`✅ [EnergyLabel] Conversion successful on attempt ${attempts}:`, pdfUrl);
          dispatch({
            type: types.CONVERT_PDF_TO_IMAGE_SUCCESS,
            payload: { pdfUrl, imageUrl },
@@ -119,16 +116,16 @@ export const convertPdfToImage =

          callback && callback(null, imageUrl);
        } catch (error) {
-          derror(`❌ [EnergyLabel] Image creation failed on attempt ${attempts}:`, error);
+          void derror(`❌ [EnergyLabel] Image creation failed on attempt ${attempts}:`, error);

          // 이미지 생성 실패도 재시도
          if (attempts < maxRetries + 1) {
-            dlog(
+                        void dlog(
                          `🔄 [EnergyLabel] Retrying due to image creation error... (${attempts}/${maxRetries + 1})`
                        );
            attemptConversion();
          } else {
-            derror(
+            void derror(
              `❌ [EnergyLabel] Final failure after ${attempts} attempts (image error):`,
              pdfUrl
            );
@@ -147,14 +144,14 @@ export const convertPdfToImage =
          timeoutId = null;
        }

-        dwarn(`⚠️ [EnergyLabel] Network error on attempt ${attempts}:`, error.message);
+        void dwarn(`⚠️ [EnergyLabel] Network error on attempt ${attempts}:`, error.message);

        // 네트워크 에러도 재시도
        if (attempts < maxRetries + 1) {
-          dlog(`🔄 [EnergyLabel] Retrying due to network error... (${attempts}/${maxRetries + 1})`);
+          void dlog(`🔄 [EnergyLabel] Retrying due to network error... (${attempts}/${maxRetries + 1})`);
          attemptConversion();
        } else {
-          derror(
+          void derror(
            `❌ [EnergyLabel] Final failure after ${attempts} attempts (network error):`,
            pdfUrl
          );
@@ -188,7 +185,7 @@ export const convertPdfToImage =
 * @param {Array<string>} pdfUrls - 변환할 PDF URL 배열
 * @param {function} callback - 완료 후 실행할 콜백 (errors, results)
 */
-export const convertMultiplePdfs = (pdfUrls, callback) => async (dispatch, getState) => {
+export const convertMultiplePdfs = (pdfUrls, callback) => async (dispatch) => {
  if (!pdfUrls || pdfUrls.length === 0) {
    callback && callback(null, []);
    return;
--- a/com.twin.app.shoptime/src/actions/couponActions.js
+++ b/com.twin.app.shoptime/src/actions/couponActions.js
@@ -6,7 +6,7 @@ import { createDebugHelpers } from '../utils/debug';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { dlog, derror } = createDebugHelpers(DEBUG_MODE);

 // IF-LGSP-339 : 회원 다운로드 쿠폰 정보 조회
 export const getProductCouponInfo = (props) => (dispatch, getState) => {
--- a/com.twin.app.shoptime/src/views/UserReview/UserReviewPanel.jsx
+++ b/com.twin.app.shoptime/src/views/UserReview/UserReviewPanel.jsx
@@ -20,7 +20,7 @@ import css from './UserReviewPanel.module.less';

 // 디버그 헬퍼 설정
 const DEBUG_MODE = false;
-const { dlog, dwarn, derror } = createDebugHelpers(DEBUG_MODE);
+const { dlog, dwarn, derror /* eslint-disable-line no-unused-vars */ } = createDebugHelpers(DEBUG_MODE);

 // 버전에 따른 UI 설정
 const VERSION_LABEL = REVIEW_VERSION === 1 ? '[v1 - 기존 API]' : '[v2 - 신 API]';
@@ -41,8 +41,8 @@ const UserReviewPanel = ({ className, panelInfo, spotlightId }) => {
    userReviewPanelTotalPages,
    goToNextUserReviewPage,
    goToPrevUserReviewPage,
-    applyRatingFilter,
-    applySentimentFilter,
+    applyRatingFilter, // eslint-disable-line no-unused-vars
+    applySentimentFilter, // eslint-disable-line no-unused-vars
    clearAllFilters,
    currentFilter,
    filterCounts,
@@ -50,10 +50,10 @@ const UserReviewPanel = ({ className, panelInfo, spotlightId }) => {
    _debug,
    // 🎯 API 기반 필터링 데이터
    filters,
-    filteredReviewListData,
+    filteredReviewListData, // eslint-disable-line no-unused-vars
    currentReviewFilter,
    // 전체 리뷰 데이터 (팝업용)
-    allReviews,
+    allReviews, // eslint-disable-line no-unused-vars
    filteredReviews, // ✅ 필터링된 전체 리뷰 (팝업에서 사용)
    getReviewsWithImages,
    extractImagesFromReviews,
@@ -226,7 +226,15 @@ const UserReviewPanel = ({ className, panelInfo, spotlightId }) => {
    return sentimentMap;
  }, [filters]);

-  // API 기반 별점 필터 핸들러
+  const getApiKeywordClickHandler = useCallback(
+    (keywordValue) => () => handleApiKeywordsFilter(keywordValue),
+    [handleApiKeywordsFilter]
+  );
+
+  const getApiSentimentClickHandler = useCallback(
+    (sentimentValue) => () => handleApiSentimentFilter(sentimentValue),
+    [handleApiSentimentFilter]
+  );
  const handleApiRatingFilter = useCallback(
    (rating) => {
      if (!prdtId || !patnrId) {
@@ -621,7 +629,7 @@ const UserReviewPanel = ({ className, panelInfo, spotlightId }) => {
                        <FilterItemButton
                          key={keyword.filterTpVal}
                          text={`${keyword.filterNm} (${keyword.filterNmCnt})`}
-                          onClick={() => handleApiKeywordsFilter(keyword.filterTpVal)}
+                          onClick={getApiKeywordClickHandler(keyword.filterTpVal)}
                          spotlightId={`filter-keyword-${index}`}
                          ariaLabel={`Filter by ${keyword.filterNm} keyword`}
                          dataSpotlightUp={
@@ -693,7 +701,7 @@ const UserReviewPanel = ({ className, panelInfo, spotlightId }) => {
                        <FilterItemButton
                          key={sentiment}
                          text={`${sentiment.charAt(0).toUpperCase() + sentiment.slice(1)} (${count})`}
-                          onClick={() => handleApiSentimentFilter(sentiment)}
+                          onClick={getApiSentimentClickHandler(sentiment)}
                          spotlightId={`filter-sentiment-${sentiment}`}
                          ariaLabel={`Filter by ${sentiment} sentiment`}
                          dataSpotlightUp={