chore: config - UI 컴포넌트 개선

🕐 커밋 시간: 2025. 08. 13. 15:50:49

💬 사용자 메시지:
  선택약관 관련 다국어 지원 업데이트

📊 변경 통계:
  • 총 파일: 7개
  • 추가: +190줄
  • 삭제: -37줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/resources/de/strings.json
  ~ com.twin.app.shoptime/resources/en/strings.json
  ~ com.twin.app.shoptime/resources/gb/strings.json
  ~ com.twin.app.shoptime/resources/ru/strings.json
  ~ com.twin.app.shoptime/src/components/TPopUp/TNewPopUp.jsx
  ~ com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/TermsOfService/OptionalTermsInfo.jsx
  ~ com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/TermsOfService/TermsOfService.jsx

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • API 서비스 레이어 개선
  • 중간 규모 기능 개선
  • 모듈 구조 개선

com.twin.app.shoptime/resources/de/strings.json

@@ -231,8 +231,38 @@
   "EXCLUSIVE": "ANGEBOT",
   "OPTION": "(need for transfer)OPTION",
   "There are no themes available": "Es sind keine Artikel verfügbar",
-  "The event information has not been registered": "(need for transfer) The event information has not been registered",
+  "Error": "Fehler",
-  "Scan QR": "QR-Code \nscannen",
+  "Device registration failed. Please try again.": "Gerät-Registrierung fehlgeschlagen. Bitte versuchen Sie es erneut.",
-  "with your phone, Check Product": "mit Ihrem Handy, Produkt prüfen",
+  "A temporary network error occurred. Please try again in a moment.": "Ein temporärer Netzwerkfehler ist aufgetreten. Bitte versuchen Sie es in einem Moment erneut.",
-  "info & Purchase easily": "Informationen & Einkauf leicht gemacht"
+  "Agree and Enjoy Special Benefits": "Zustimmen und Besondere Vorteile genießen",
+  "Optional Terms": "Optionale Bedingungen",
+  "Welcome to": "Willkommen zu",
+  "pTime !": "p Time !",
+  "Terms & Conditions checkbox": "Geschäftsbedingungen Checkbox",
+  "View Terms & Conditions": "Geschäftsbedingungen anzeigen",
+  "Privacy Policy checkbox": "Datenschutz Checkbox",
+  "View Privacy Policy": "Datenschutz anzeigen",
+  "Optional Terms checkbox": "Optionale Bedingungen Checkbox",
+  "View Optional Terms": "Optionale Bedingungen anzeigen",
+  "Select All checkbox": "Alle auswählen Checkbox",
+  "Select All": "Alle auswählen",
+  "Agree to terms": "Bedingungen zustimmen",
+  "Do not agree to terms": "Bedingungen nicht zustimmen",
+  "Close": "Schließen",
+  "Please check the box to accept the Terms & Conditions and Privacy Policy.": "Bitte markieren Sie das Kästchen, um die Geschäftsbedingungen und Datenschutzrichtlinie zu akzeptieren.",
+  "I agree to receive Personalized Recommendations and Advertisements": "Ich stimme zu, personalisierte Empfehlungen und Werbung zu erhalten",
+  "From now on, you can receive personalized shopping benefits.": "Von nun an können Sie personalisierte Einkaufsvorteile erhalten.",
+  "You will not receive personalized shopping benefits": "Sie erhalten keine personalisierten Einkaufsvorteile",
+  "Agreement Required": "Zustimmung erforderlich",
+  "Please agree to the Optional Terms.": "Bitte stimmen Sie den Optionalen Bedingungen zu.",
+  "Not Now": "Nicht jetzt",
+  "Don't Ask Again": "Nicht mehr fragen",
+  "Benefit image 1": "Vorteil Bild 1",
+  "Get recommendations, special offers, and ads tailored just for you.": "Erhalten Sie Empfehlungen, Sonderangebote und Werbung, die speziell für Sie zugeschnitten sind.",
+  "Text Mode": "Textmodus",
+  "Image Mode": "Bildmodus",
+  "WebOS": "WebOS",
+  "Mode": "Modus",
+  "TERMS OF SERVICE, heading 1": "NUTZUNGSBEDINGUNGEN, Überschrift 1",
+  "By checking Optional terms, you allow Shop Time to use your activity (views, purchases, searches, etc.) to show you more relevant content, product recommendations, special offers, and ads. If you do not check, you can still use all basic Shop Time features": "Durch Ankreuzen der optionalen Bedingungen erlauben Sie Shop Time, Ihre Aktivitäten (Ansichten, Käufe, Suchen usw.) zu verwenden, um Ihnen relevantere Inhalte, Produktempfehlungen, Sonderangebote und Werbung anzuzeigen. Wenn Sie nicht ankreuzen, können Sie trotzdem alle grundlegenden Shop Time-Funktionen nutzen"
 }

com.twin.app.shoptime/resources/en/strings.json

@@ -231,8 +231,37 @@
   "EXCLUSIVE": "EXCLUSIVE",
   "OPTION": "OPTION",
   "There are no themes available": "There are no themes available",
-  "The event information has not been registered": "The event information has not been registered",
+  "Error": "Error",
-  "Scan QR": "Scan QR",
+  "Device registration failed. Please try again.": "Device registration failed. Please try again.",
-  "with your phone, Check Product": "with your phone, Check Product",
+  "A temporary network error occurred. Please try again in a moment.": "A temporary network error occurred. Please try again in a moment.",
-  "info & Purchase easily": "info & Purchase easily"
+  "Agree and Enjoy Special Benefits": "Agree and Enjoy Special Benefits",
-}
+  "Optional Terms": "Optional Terms",
+  "Welcome to": "Welcome to",
+  "pTime !": "pTime !",
+  "Terms & Conditions checkbox": "Terms & Conditions checkbox",
+  "View Terms & Conditions": "View Terms & Conditions",
+  "Privacy Policy checkbox": "Privacy Policy checkbox",
+  "View Privacy Policy": "View Privacy Policy",
+  "Optional Terms checkbox": "Optional Terms checkbox",
+  "View Optional Terms": "View Optional Terms",
+  "Select All checkbox": "Select All checkbox",
+  "Select All": "Select All",
+  "Agree to terms": "Agree to terms",
+  "Do not agree to terms": "Do not agree to terms",
+  "Close": "Close",
+  "Please check the box to accept the Terms & Conditions and Privacy Policy.": "Please check the box to accept the Terms & Conditions and Privacy Policy.",
+  "I agree to receive Personalized Recommendations and Advertisements": "I agree to receive Personalized Recommendations and Advertisements",
+  "From now on, you can receive personalized shopping benefits.": "From now on, you can receive personalized shopping benefits.",
+  "You will not receive personalized shopping benefits": "You will not receive personalized shopping benefits",
+  "Agreement Required": "Agreement Required",
+  "Please agree to the Optional Terms.": "Please agree to the Optional Terms.",
+  "Not Now": "Not Now",
+  "Don't Ask Again": "Don't Ask Again",
+  "Benefit image 1": "Benefit image 1",
+  "Get recommendations, special offers, and ads tailored just for you.": "Get recommendations, special offers, and ads tailored just for you.",
+  "Text Mode": "Text Mode",
+  "Image Mode": "Image Mode",
+  "WebOS": "WebOS",
+  "Mode": "Mode",
+  "By checking Optional terms, you allow Shop Time to use your activity (views, purchases, searches, etc.) to show you more relevant content, product recommendations, special offers, and ads. If you do not check, you can still use all basic Shop Time features": "By checking Optional terms, you allow Shop Time to use your activity (views, purchases, searches, etc.) to show you more relevant content, product recommendations, special offers, and ads. If you do not check, you can still use all basic Shop Time features"
+}

com.twin.app.shoptime/resources/gb/strings.json

@@ -231,8 +231,72 @@
   "EXCLUSIVE": "EXCLUSIVE",
   "OPTION": "OPTION",
   "There are no themes available": "There are no themes available",
-  "The event information has not been registered": "The event information has not been registered",
+  "Error": "Error",
-  "Scan QR": "Scan QR",
+  "Device registration failed. Please try again.": "Device registration failed. Please try again.",
-  "with your phone, Check Product": "with your phone, Check Product",
+  "A temporary network error occurred. Please try again in a moment.": "A temporary network error occurred. Please try again in a moment.",
-  "info & Purchase easily": "info & Purchase easily"
+  "Agree and Enjoy Special Benefits": "Agree and Enjoy Special Benefits",
-}
+  "Optional Terms": "Optional Terms",
+  "Welcome to": "Welcome to",
+  "pTime !": "pTime !",
+  "Terms & Conditions checkbox": "Terms & Conditions checkbox",
+  "View Terms & Conditions": "View Terms & Conditions",
+  "Privacy Policy checkbox": "Privacy Policy checkbox",
+  "View Privacy Policy": "View Privacy Policy",
+  "Optional Terms checkbox": "Optional Terms checkbox",
+  "View Optional Terms": "View Optional Terms",
+  "Select All checkbox": "Select All checkbox",
+  "Select All": "Select All",
+  "Agree to terms": "Agree to terms",
+  "Do not agree to terms": "Do not agree to terms",
+  "Close": "Close",
+  "Please check the box to accept the Terms & Conditions and Privacy Policy.": "Please tick the box to accept the Terms & Conditions and Privacy Policy.",
+  "I agree to receive Personalized Recommendations and Advertisements": "I agree to receive Personalised Recommendations and Advertisements",
+  "From now on, you can receive personalized shopping benefits.": "From now on, you can receive personalised shopping benefits.",
+  "You will not receive personalized shopping benefits": "You will not receive personalised shopping benefits",
+  "Agreement Required": "Agreement Required",
+  "Please agree to the Optional Terms.": "Please agree to the Optional Terms.",
+  "Not Now": "Not Now",
+  "Don't Ask Again": "Don't Ask Again",
+  "Benefit image 1": "Benefit image 1",
+  "Get recommendations, special offers, and ads tailored just for you.": "Get recommendations, special offers, and adverts tailored just for you.",
+  "Text Mode": "Text Mode",
+  "Image Mode": "Image Mode",
+  "WebOS": "WebOS",
+  "Mode": "Mode",
+  "TERMS OF SERVICE, heading 1": "TERMS OF SERVICE, heading 1", 
+  "By checking Optional terms, you allow Shop Time to use your activity (views, purchases, searches, etc.) to show you more relevant content, product recommendations, special offers, and ads. If you do not check, you can still use all basic Shop Time features": "By ticking Optional terms, you allow Shop Time to use your activity (views, purchases, searches, etc.) to show you more relevant content, product recommendations, special offers, and adverts. If you do not tick, you can still use all basic Shop Time features",
+  "Error": "Error",
+  "Device registration failed. Please try again.": "Device registration failed. Please try again.",
+  "A temporary network error occurred. Please try again in a moment.": "A temporary network error occurred. Please try again in a moment.",
+  "Agree and Enjoy Special Benefits": "Agree and Enjoy Special Benefits",
+  "Optional Terms": "Optional Terms",
+  "Welcome to": "Welcome to",
+  "pTime !": "pTime !",
+  "Terms & Conditions checkbox": "Terms & Conditions checkbox",
+  "View Terms & Conditions": "View Terms & Conditions",
+  "Privacy Policy checkbox": "Privacy Policy checkbox",
+  "View Privacy Policy": "View Privacy Policy",
+  "Optional Terms checkbox": "Optional Terms checkbox",
+  "View Optional Terms": "View Optional Terms",
+  "Select All checkbox": "Select All checkbox",
+  "Select All": "Select All",
+  "Agree to terms": "Agree to terms",
+  "Do not agree to terms": "Do not agree to terms",
+  "Close": "Close",
+  "Please check the box to accept the Terms & Conditions and Privacy Policy.": "Please tick the box to accept the Terms & Conditions and Privacy Policy.",
+  "I agree to receive Personalized Recommendations and Advertisements": "I agree to receive Personalised Recommendations and Advertisements",
+  "From now on, you can receive personalized shopping benefits.": "From now on, you can receive personalised shopping benefits.",
+  "You will not receive personalized shopping benefits": "You will not receive personalised shopping benefits",
+  "Agreement Required": "Agreement Required",
+  "Please agree to the Optional Terms.": "Please agree to the Optional Terms.",
+  "Not Now": "Not Now",
+  "Don't Ask Again": "Don't Ask Again",
+  "Benefit image 1": "Benefit image 1",
+  "Get recommendations, special offers, and ads tailored just for you.": "Get recommendations, special offers, and adverts tailored just for you.",
+  "Text Mode": "Text Mode",
+  "Image Mode": "Image Mode",
+  "WebOS": "WebOS",
+  "Mode": "Mode",
+  "TERMS OF SERVICE, heading 1": "TERMS OF SERVICE, heading 1",
+  "LG Account": "LG Account"
+}

com.twin.app.shoptime/resources/ru/strings.json

@@ -231,8 +231,38 @@
   "EXCLUSIVE": "EXCLUSIVE",
   "OPTION": "(need for transfer)OPTION",
   "There are no themes available": "Нет доступных товаров",
-  "The event information has not been registered": "(need for transfer) The event information has not been registered",
+  "Error": "Ошибка",
-  "Scan QR": "Отсканировать QR-код",
+  "Device registration failed. Please try again.": "Регистрация устройства не удалась. Повторите попытку.",
-  "with your phone, Check Product": "с вашего телефона, проверить товар",
+  "A temporary network error occurred. Please try again in a moment.": "Произошла временная ошибка сети. Пожалуйста, повторите попытку через некоторое время.",
-  "info & Purchase easily": "информация и покупка легко"
+  "Agree and Enjoy Special Benefits": "Согласиться и Получить Особые Преимущества",
+  "Optional Terms": "Дополнительные Условия",
+  "Welcome to": "Добро пожаловать в",
+  "pTime !": "p on TV !",
+  "Terms & Conditions checkbox": "Флажок Условия и Положения",
+  "View Terms & Conditions": "Просмотреть Условия и Положения",
+  "Privacy Policy checkbox": "Флажок Политика конфиденциальности",
+  "View Privacy Policy": "Просмотреть Политику конфиденциальности",
+  "Optional Terms checkbox": "Флажок Дополнительные Условия",
+  "View Optional Terms": "Просмотреть Дополнительные Условия",
+  "Select All checkbox": "Флажок Выбрать все",
+  "Select All": "Выбрать все",
+  "Agree to terms": "Согласиться с условиями",
+  "Do not agree to terms": "Не согласиться с условиями",
+  "Close": "Закрыть",
+  "Please check the box to accept the Terms & Conditions and Privacy Policy.": "Пожалуйста, установите флажок, чтобы принять Условия и Положения и Политику конфиденциальности.",
+  "I agree to receive Personalized Recommendations and Advertisements": "Я согласен получать персонализированные рекомендации и рекламу",
+  "From now on, you can receive personalized shopping benefits.": "Теперь вы можете получать персонализированные преимущества для покупок.",
+  "You will not receive personalized shopping benefits": "Вы не будете получать персонализированные преимущества для покупок",
+  "Agreement Required": "Требуется согласие",
+  "Please agree to the Optional Terms.": "Пожалуйста, согласитесь с Дополнительными Условиями.",
+  "Not Now": "Не сейчас",
+  "Don't Ask Again": "Не спрашивать снова",
+  "Benefit image 1": "Изображение преимущества 1",
+  "Get recommendations, special offers, and ads tailored just for you.": "Получайте рекомендации, специальные предложения и рекламу, созданные специально для вас.",
+  "Text Mode": "Текстовый режим",
+  "Image Mode": "Режим изображения",
+  "WebOS": "WebOS",
+  "Mode": "Режим",
+  "TERMS OF SERVICE, heading 1": "УСЛОВИЯ ПРЕДОСТАВЛЕНИЯ УСЛУГ, заголовок 1",
+  "By checking Optional terms, you allow Shop Time to use your activity (views, purchases, searches, etc.) to show you more relevant content, product recommendations, special offers, and ads. If you do not check, you can still use all basic Shop Time features": "Отмечая дополнительные условия, вы разрешаете Shop Time использовать вашу активность (просмотры, покупки, поиски и т.д.) для показа более релевантного контента, рекомендаций товаров, специальных предложений и рекламы. Если вы не отмечаете, вы всё равно можете использовать все основные функции Shop Time"
 }

com.twin.app.shoptime/src/components/TPopUp/TNewPopUp.jsx

@@ -394,7 +394,7 @@ export default function TNewPopUp({
 
   const finalButton2Text = useMemo(() => {
     if (kind === "optionalAgreement" && !button2Text) {
-      return "No";
+      return $L("No");
     }
     return button2Text;
   }, [kind, button2Text]);
@@ -407,10 +407,10 @@ export default function TNewPopUp({
 
   const finalButton1Text = useMemo(() => {
     if (kind === "optionalAgreement" && !button1Text) {
-      return "Yes";
+      return $L("Yes");
     }
     if (kind === "introTermsPopup" && !button1Text) {
-      return "Close";  // 기존 버튼을 Close로 변경
+      return $L("Close");  // 기존 버튼을 Close로 변경
     }
     return button1Text;
   }, [kind, button1Text]);
@@ -527,7 +527,7 @@ export default function TNewPopUp({
           <TButton
             className={css.closeBtn}
             onClick={_onClose}
-            aria-label="close button"
+            aria-label={$L("Close")}
             role="button"
           ></TButton>
         )}
@@ -633,7 +633,7 @@ export default function TNewPopUp({
               <SpottableDiv
                 className={css.leftBtn}
                 onClick={_onLeftClick}
-                aria-label="Move to left"
+                aria-label={$L("Back")}
                 role="button"
               ></SpottableDiv>
             )}
@@ -641,7 +641,7 @@ export default function TNewPopUp({
               <SpottableDiv
                 className={css.rightBtn}
                 onClick={_onRightClick}
-                aria-label="Move to Right"
+                aria-label={$L("Next")}
                 role="button"
               ></SpottableDiv>
             )}
@@ -655,9 +655,9 @@ export default function TNewPopUp({
                 spotlightId="introTermsAgreeBtn"
                 onClick={_onIntroTermsAgreeClick}
                 role="button"
-                ariaLabel="Agree"
+                ariaLabel={$L("Agree")}
               >
-                Agree
+                {$L("Agree")}
               </TButton>
             )}
             {finalButton1Text && (
@@ -687,7 +687,7 @@ export default function TNewPopUp({
         {kind === "optionalConfirm" && (
           <div className={getClassName(kind, "optionalConfirmContentContainer")}>
             <div className={getClassName(kind, "optionalConfirmTextSection")}>
-              Get recommendations, special offers, and ads tailored just for you.
+              {$L("Get recommendations, special offers, and ads tailored just for you.")}
             </div>
             <OptionalConfirmButtonSection className={getClassName(kind, "optionalConfirmButtonSection")}>
               <div className={getClassName(kind, "optionalConfirmLeftButtonSection")}>
@@ -696,10 +696,10 @@ export default function TNewPopUp({
                     onClick={_onOptionalTermsClick}
                   spotlightId="optionalConfirmTermsBtn"
                   type="terms"
-                  ariaLabel="Optional Terms"
+                  ariaLabel={$L("Optional Terms")}
                   size="small"
                 >
-                  <div className={css.optionalTermsTitle}>Optional Terms</div>                
+                  <div className={css.optionalTermsTitle}>{$L("Optional Terms")}</div>                
                 </TButton>
               </div>
               <div className={getClassName(kind, "optionalConfirmRightButtonSection")}>
@@ -707,21 +707,21 @@ export default function TNewPopUp({
                   className={getClassName(kind, "optionalConfirmButton")}
                   onClick={_onOptionalAgreeClick}
                   role="button"
-                  ariaLabel="Agree"
+                  ariaLabel={$L("Agree")}
                   spotlightId="optionalConfirmAgreeBtn"
                   size="small"
                 >
-                  Agree
+                  {$L("Agree")}
                 </TButton>
                 <TButton
                   className={getClassName(kind, "optionalConfirmButton")}
                   onClick={_onOptionalDeclineClick}
                   role="button"
-                  ariaLabel="Not Now"
+                  ariaLabel={$L("Not Now")}
                   spotlightId="optionalConfirmDeclineBtn"
                   size="small"
                 >
-                  Not Now
+                  {$L("Not Now")}
                 </TButton>
                 
               </div>             

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/TermsOfService/OptionalTermsInfo.jsx

@@ -3,7 +3,7 @@
 import React, { memo } from "react";
 import kind from "@enact/core/kind";
 import PropTypes from "prop-types";
-import $L from "@enact/i18n/$L";
+import { $L } from "../../../../utils/helperMethods";
 
 import css from "./OptionalTermsInfo.module.less";
 import benefitImage from "/assets/images/benefits/image-benefits.png";

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/TermsOfService/TermsOfService.jsx

@@ -399,7 +399,7 @@ export default function TermsOfService({ title, cbScrollTo }) {
 
   return (
     <>
-      <THeader title={title} ariaLabel="TERMS OF SERVICE, heading 1" />
+      <THeader title={title} ariaLabel={$L("TERMS OF SERVICE, heading 1")} />
       <TBody cbScrollTo={cbScrollTo} className={css.tBody}>
         <div className={css.termsContainer}>
           <div className={classnames(css.contentsBox, { [css.optionalTabActive]: isOptionalTab })}>
@@ -508,8 +508,8 @@ export default function TermsOfService({ title, cbScrollTo }) {
                   ariaLabel={
                     termsList[selectedTab]?.trmsTpCd === "MST00401" ||
                     termsList[selectedTab]?.trmsTpCd === "MST00402"
-                      ? "Do Not Agree"
+                      ? $L("Do Not Agree")
-                      : "LG Account"
+                      : $L("LG Account")
                   }
                 >
                   {termsList[selectedTab]?.trmsTpCd === "MST00401" ||