메인 페이지 서비스 조회 기능 구현

src/main/resources/templates/views/apps/main/index.html

@@ -147,44 +147,22 @@
       </div>
 
       <div class="api-cards-container">
-        <div class="api-card">
-          <h3 class="card-title">금융서비스</h3>
+        <!-- Services 데이터를 반복하여 API 카드 표시 (최대 4개) -->
+        <div class="api-card" th:each="service, iterStat : ${services}"
+             th:if="${iterStat.index < 4}"
+             th:onclick="${service.id != null} ? |location.href='@{/apis(groupId=${service.id})}'| : |location.href='@{/apis}'|">
+          <h3 class="card-title" th:text="${service.groupName}">API 서비스</h3>
           <p class="card-description">
-            금융 서비스 설명이 표시됩니다. 금융 서비스 설명이 표시됩니다. 금융 서비스 설명이 표시됩니다.
+            <span th:if="${service.groupDesc != null and !#strings.isEmpty(service.groupDesc)}"
+                  th:text="${service.groupDesc}">서비스 설명</span>
+            <span th:unless="${service.groupDesc != null and !#strings.isEmpty(service.groupDesc)}">
+                  광주은행 API 서비스를 이용해보세요.
+            </span>
           </p>
           <div class="card-illustration">
-            <img th:src="@{/img/api_icon_finance.png}" alt="금융서비스">
-          </div>
-        </div>
-
-        <div class="api-card">
-          <h3 class="card-title">대출금리비교</h3>
-          <p class="card-description">
-            대출금리비교 설명이 표시됩니다. 대출금리비교 설명이 표시됩니다. 대출금리비교 설명이 표시됩니다.
-          </p>
-          <div class="card-illustration">
-            <img th:src="@{/img/api_icon_loan.png}" alt="대출금리비교">
-          </div>
-        </div>
-
-        <div class="api-card">
-          <h3 class="card-title">소액해외송금</h3>
-          <p class="card-description">
-            소액해외송금 설명이 표시됩니다. 소액해외송금 설명이 표시됩니다. 소액해외송금 설명이 표시됩니다.
-          </p>
-          <div class="card-illustration">
-            <img th:src="@{/img/api_icon_remittance.png}" alt="소액해외송금">
-          </div>
-        </div>
-
-        <!-- 간편결제 -->
-        <div class="api-card">
-          <h3 class="card-title">P2P투자대출</h3>
-          <p class="card-description">
-            P2P투자대출 설명이 표시됩니다. P2P투자대출 설명이 표시됩니다. P2P투자대출 설명이 표시됩니다.
-          </p>
-          <div class="card-illustration">
-            <img th:src="@{/img/api_icon_p2p.png}" alt="간편결제">
+            <!-- 서비스별 아이콘 매핑 - base64 인코딩된 이미지 사용 -->
+            <img th:src="${service.mainIcon != null and !#strings.isEmpty(service.mainIcon)} ? ${service.mainIcon} : @{/img/api_icon_default.png}"
+                 th:alt="${service.groupName}">
           </div>
         </div>
       </div>

src/main/resources/templates/views/apps/mypage/updateCorporateManager.html

@@ -24,7 +24,7 @@
           <div class="org-form-input-wrapper">
             <input type="text" name="organizationId" class="org-form-input input-readonly"
                    th:value="${user.portalOrg.orgCode}"
-                   placeholder="k000000001"
+                   placeholder="XXXXXX-01"
                    disabled="disabled">
           </div>
         </div>