From 5f71f187808a4f93b9aab91e194170d174e807ff Mon Sep 17 00:00:00 2001
From: JANGHYUNn <kimjh2369@gmail.com>
Date: Wed, 13 Dec 2023 18:33:43 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20?=
 =?UTF-8?q?=EC=95=BD=EA=B4=80=EB=8F=99=EC=9D=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account/register/AccountRegisterTerm.js   | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/components/account/register/AccountRegisterTerm.js b/src/components/account/register/AccountRegisterTerm.js
index 0805d89..4e5d483 100644
--- a/src/components/account/register/AccountRegisterTerm.js
+++ b/src/components/account/register/AccountRegisterTerm.js
@@ -28,7 +28,7 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
   const [openModal, setOpenModal] = useState(false);
   const dispatch = useDispatch();
   // 약관 동의
-  const [terms, setTerms] = useState({});
+  const [terms, setTerms] = useState([]);
 
   // 취소 버튼 헨들러
   const handlerCancel = () => {
@@ -49,26 +49,27 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
   // 약관 목록 조회 결과
   useEffect(() => {
     if (termsList?.length > 0) {
-      let termObject = {
-        termServiceId: 0,
-        termServiceTitle: '',
-        termServiceDesc: '',
-        termPrivacyId: 0,
-        termPrivacyTitle: '',
-        termPrivacyDesc: ''
-      };
-
+      let termObject = [];
+
+      // termsList.map(item => {
+      //   if (item.termsCtgryCd === 'TERMS_SERVICE') {
+      //     (termObject.termServiceId = item.termsSno),
+      //       (termObject.termServiceTitle = item.termsTitleNm),
+      //       (termObject.termServiceDesc = item.termsCn);
+      //   } else if (item.termsCtgryCd === 'TERMS_PRIVACY') {
+      //     (termObject.termPrivacyId = item.termsSno),
+      //       (termObject.termPrivacyTitle = item.termsTitleNm),
+      //       (termObject.termPrivacyDesc = item.termsCn);
+      //   }
+      // });
       termsList.map(item => {
-        if (item.termsCtgryCd === 'TERMS_SERVICE') {
-          (termObject.termServiceId = item.termsSno),
-            (termObject.termServiceTitle = item.termsTitleNm),
-            (termObject.termServiceDesc = item.termsCn);
-        } else if (item.termsCtgryCd === 'TERMS_PRIVACY') {
-          (termObject.termPrivacyId = item.termsSno),
-            (termObject.termPrivacyTitle = item.termsTitleNm),
-            (termObject.termPrivacyDesc = item.termsCn);
-        }
+        termObject.push({
+          termServiceId: item.termsSno,
+          termServiceTitle: item.termsTitleNm,
+          termServiceDesc: item.termsCn
+        });
       });
+
       setTerms(termObject);
     }
   }, [termsList]);
@@ -175,9 +176,10 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
               checked={termChecked.service}
               readOnly
               onClick={e => handlerChecked('service')}
-              label={terms.termServiceTitle}
+              label={terms[0]?.termServiceDesc}
             />
-            <div className='terms-cont'>{terms.termServiceDesc}</div>
+
+            <div className='terms-cont'>{terms[0]?.termServiceDesc}</div>
           </div>
           <div className='terms-check'>
             <CustomInput
@@ -187,9 +189,9 @@ export const AccountRegisterTerm = ({ stepper, type, movePage }) => {
               checked={termChecked.privacy}
               readOnly
               onClick={e => handlerChecked('privacy')}
-              label={terms.termPrivacyTitle}
+              label={terms[1]?.termServiceDesc}
             />
-            <div className='terms-cont'>{terms.termPrivacyDesc}</div>
+            <div className='terms-cont'>{terms[1]?.termServiceDesc}</div>
           </div>
         </FormGroup>
         <div className='vertically-centered-modal'>