djb-eapim/eapim-portal
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

불필요 주석 블록 처리:

Browse Source 
- HTML 템플릿 주석 CSS 규격으로 통일
- guide.html 외 10개 파일 변경
- editor-content 클래스 관련 설명 추가
This commit is contained in:
Rinjae
2026-07-22 15:51:43 +09:00
parent 8de0d94063
commit 4a3b5b43f3
11 changed files with 166 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/main.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
src/main/resources/static/sass/pages/_api-market.scss
+7 -4
View File
@@ -803,8 +803,10 @@
border-bottom: none; border-bottom: none;
} }
// Summernote(관리자) 작성 콘텐츠는 editor-content.css 가 전담 스타일링하므로 // [editor-content 정렬] Summernote(관리자) 작성 콘텐츠는 editor-content.css 가 전담 스타일링하므로
// 자체 테이블/폰트 스타일은 .editor-content 미적용 영역(샘플 pre/code)에만 건다 // 자체 테이블/폰트 스타일은 .editor-content 미적용 영역(샘플 pre/code)에만 건다.
// 과거 회귀: :not(.editor-content) 를 지워 .detail-content 로 되돌리고,
// mainApiDetail.html 의 editor-content 클래스 3곳을 제거하면 기존 스타일로 복원됨
.detail-content:not(.editor-content) { .detail-content:not(.editor-content) {
font-size: $font-size-sm; font-size: $font-size-sm;
color: $text-gray; color: $text-gray;
@@ -1015,14 +1017,15 @@
margin-bottom: $spacing-sm; margin-bottom: $spacing-sm;
} }
// Summernote 콘텐츠(.editor-content)는 editor-content.css 모바일 규칙 사용, // [editor-content 정렬] Summernote 콘텐츠는 editor-content.css 모바일 규칙 사용,
// 넘치는 표 대비 가로 스크롤만 부여 // 넘치는 표 대비 가로 스크롤만 부여. 과거 회귀 시 이 블록 삭제
.detail-content.editor-content { .detail-content.editor-content {
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
// Detail Content - 모바일에서 가로 스크롤 지원 // Detail Content - 모바일에서 가로 스크롤 지원
// 과거 회귀: :not(.editor-content) 제거
.detail-content:not(.editor-content) { .detail-content:not(.editor-content) {
font-size: $font-size-xs; font-size: $font-size-xs;
overflow-x: auto; overflow-x: auto;
src/main/resources/templates/views/apps/apis/mainApiDetail.html
+4
View File
@@ -93,6 +93,8 @@
<div class="api-simple-description" th:if="${apiSpecInfo.apiSimpleDescription != null}"> <div class="api-simple-description" th:if="${apiSpecInfo.apiSimpleDescription != null}">
<p th:text="${apiSpecInfo.apiSimpleDescription}">Simple API description</p> <p th:text="${apiSpecInfo.apiSimpleDescription}">Simple API description</p>
</div> </div>
<!--/* [editor-content] 관리자포탈 Summernote 콘텐츠 스타일 정렬(editor-content.css).
과거 스타일(자체 detail-content SCSS)로 회귀하려면 editor-content 클래스만 제거 */-->
<div class="detail-content editor-content" th:utext="${apiSpecInfo.description}"> <div class="detail-content editor-content" th:utext="${apiSpecInfo.description}">
Detailed API description Detailed API description
</div> </div>
@@ -106,6 +108,7 @@
<div class="org-section-header org-section-header--agreement"> <div class="org-section-header org-section-header--agreement">
<h3>Request Specification</h3> <h3>Request Specification</h3>
</div> </div>
<!--/* [editor-content] 회귀 시 editor-content 클래스 제거 */-->
<div class="detail-content editor-content" th:utext="${apiSpecInfo.apiRequestSpec}"> <div class="detail-content editor-content" th:utext="${apiSpecInfo.apiRequestSpec}">
Request spec Request spec
</div> </div>
@@ -126,6 +129,7 @@
<div class="org-section-header org-section-header--agreement"> <div class="org-section-header org-section-header--agreement">
<h3>Response Specification</h3> <h3>Response Specification</h3>
</div> </div>
<!--/* [editor-content] 회귀 시 editor-content 클래스 제거 */-->
<div class="detail-content editor-content" th:utext="${apiSpecInfo.apiResponseSpec}"> <div class="detail-content editor-content" th:utext="${apiSpecInfo.apiResponseSpec}">
Response spec Response spec
</div> </div>
src/main/resources/templates/views/apps/main/index.html
+121 -121
View File
File diff suppressed because one or more lines are too long
src/main/resources/templates/views/apps/mypage/apiKeyRegisterStep1.html
+2 -2
View File
@@ -111,13 +111,13 @@
</div> </div>
</div> </div>
<!-- Call Back URL : OAuth2 3-legged 전용. 현재 미사용으로 주석 처리 (추후 OAuth2 도입 시 복원) <!--/* Call Back URL : OAuth2 3-legged 전용. 현재 미사용으로 주석 처리 (추후 OAuth2 도입 시 복원)
<div class="s1-field"> <div class="s1-field">
<label class="s1-label">Call Back URL</label> <label class="s1-label">Call Back URL</label>
<input type="text" id="callbackUrl" name="callbackUrl" th:field="*{callbackUrl}" class="s1-input" <input type="text" id="callbackUrl" name="callbackUrl" th:field="*{callbackUrl}" class="s1-input"
placeholder="URL을 입력해 주세요."> placeholder="URL을 입력해 주세요.">
</div> </div>
--> */-->
<!-- 화이트 리스트 --> <!-- 화이트 리스트 -->
<div class="s1-field"> <div class="s1-field">
src/main/resources/templates/views/apps/service/guide.html
+15 -15
View File
@@ -48,7 +48,7 @@
<!-- Step 1 --> <!-- Step 1 -->
<div class="signup-step"> <div class="signup-step">
<div class="signup-step__icon-box one"> <div class="signup-step__icon-box one">
<!-- <svg width="40" height="40" viewBox="0 0 32 32" fill="none" <!--/* <svg width="40" height="40" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<path <path
d="M14 20C14 19.4477 14.4477 19 15 19H17C17.5523 19 18 19.4477 18 20V24C18 24.5523 17.5523 25 17 25H15C14.4477 25 14 24.5523 14 24V20Z" d="M14 20C14 19.4477 14.4477 19 15 19H17C17.5523 19 18 19.4477 18 20V24C18 24.5523 17.5523 25 17 25H15C14.4477 25 14 24.5523 14 24V20Z"
@@ -65,7 +65,7 @@
d="M19 14C19 12.8954 19.8954 12 21 12C22.1046 12 23 12.8954 23 14C23 15.1046 22.1046 16 21 16C19.8954 16 19 15.1046 19 14Z" d="M19 14C19 12.8954 19.8954 12 21 12C22.1046 12 23 12.8954 23 14C23 15.1046 22.1046 16 21 16C19.8954 16 19 15.1046 19 14Z"
stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round"
stroke-linejoin="round" /> stroke-linejoin="round" />
</svg> --> </svg> */-->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-person-add" viewBox="0 0 16 16"> class="bi bi-person-add" viewBox="0 0 16 16">
<path <path
@@ -83,7 +83,7 @@
<!-- Step 2 --> <!-- Step 2 -->
<div class="signup-step"> <div class="signup-step">
<div class="signup-step__icon-box two"> <div class="signup-step__icon-box two">
<!-- <svg width="40" height="40" viewBox="0 0 32 32" fill="none" <!--/* <svg width="40" height="40" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<path <path
d="M14 20C14 19.4477 14.4477 19 15 19H17C17.5523 19 18 19.4477 18 20V24C18 24.5523 17.5523 25 17 25H15C14.4477 25 14 24.5523 14 24V20Z" d="M14 20C14 19.4477 14.4477 19 15 19H17C17.5523 19 18 19.4477 18 20V24C18 24.5523 17.5523 25 17 25H15C14.4477 25 14 24.5523 14 24V20Z"
@@ -95,7 +95,7 @@
stroke-linejoin="round" /> stroke-linejoin="round" />
<path d="M19 16L21 18L25 14" stroke="#0049B4" stroke-width="1.6" <path d="M19 16L21 18L25 14" stroke="#0049B4" stroke-width="1.6"
stroke-linecap="round" stroke-linejoin="round" /> stroke-linecap="round" stroke-linejoin="round" />
</svg> --> </svg> */-->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-journal-check" viewBox="0 0 16 16"> class="bi bi-journal-check" viewBox="0 0 16 16">
<path fill-rule="evenodd" <path fill-rule="evenodd"
@@ -115,14 +115,14 @@
<!-- Step 3 --> <!-- Step 3 -->
<div class="signup-step"> <div class="signup-step">
<div class="signup-step__icon-box three"> <div class="signup-step__icon-box three">
<!-- <svg width="40" height="40" viewBox="0 0 32 32" fill="none" <!--/* <svg width="40" height="40" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<rect x="7" y="7" width="18" height="18" rx="2" stroke="#0049B4" stroke-width="1.6" <rect x="7" y="7" width="18" height="18" rx="2" stroke="#0049B4" stroke-width="1.6"
stroke-linecap="round" stroke-linejoin="round" /> stroke-linecap="round" stroke-linejoin="round" />
<path d="M12 12H20" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" /> <path d="M12 12H20" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />
<path d="M12 16H20" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" /> <path d="M12 16H20" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />
<path d="M12 20H16" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" /> <path d="M12 20H16" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />
</svg> --> </svg> */-->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-code" viewBox="0 0 16 16"> class="bi bi-code" viewBox="0 0 16 16">
<path <path
@@ -138,13 +138,13 @@
<!-- Step 4 --> <!-- Step 4 -->
<div class="signup-step"> <div class="signup-step">
<div class="signup-step__icon-box four"> <div class="signup-step__icon-box four">
<!-- <svg width="40" height="40" viewBox="0 0 32 32" fill="none" <!--/* <svg width="40" height="40" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<path d="M21 8H24V16" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" <path d="M21 8H24V16" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round"
stroke-linejoin="round" /> stroke-linejoin="round" />
<path d="M8 8H11V16" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" <path d="M8 8H11V16" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round"
stroke-linejoin="round" /> stroke-linejoin="round" />
</svg> --> </svg> */-->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-display" viewBox="0 0 16 16"> class="bi bi-display" viewBox="0 0 16 16">
<path <path
@@ -160,14 +160,14 @@
<!-- Step 5 --> <!-- Step 5 -->
<div class="signup-step"> <div class="signup-step">
<div class="signup-step__icon-box five"> <div class="signup-step__icon-box five">
<!-- <svg width="40" height="40" viewBox="0 0 32 32" fill="none"--> <!--/* <svg width="40" height="40" viewBox="0 0 32 32" fill="none"*/-->
<!-- xmlns="http://www.w3.org/2000/svg">--> <!-- xmlns="http://www.w3.org/2000/svg">-->
<!-- <rect x="7" y="7" width="18" height="18" rx="2" stroke="#0049B4" stroke-width="1.6"--> <!--/* <rect x="7" y="7" width="18" height="18" rx="2" stroke="#0049B4" stroke-width="1.6"*/-->
<!-- stroke-linecap="round" stroke-linejoin="round" />--> <!-- stroke-linecap="round" stroke-linejoin="round" />-->
<!-- <path d="M12 11H20" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />--> <!--/* <path d="M12 11H20" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />*/-->
<!-- <path d="M12 15L14.5 17.5L20 12" stroke="#0049B4" stroke-width="1.6"--> <!--/* <path d="M12 15L14.5 17.5L20 12" stroke="#0049B4" stroke-width="1.6"*/-->
<!-- stroke-linecap="round" stroke-linejoin="round" />--> <!-- stroke-linecap="round" stroke-linejoin="round" />-->
<!-- </svg>--> <!--/* </svg>*/-->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-ui-checks-grid" viewBox="0 0 16 16"> class="bi bi-ui-checks-grid" viewBox="0 0 16 16">
<path <path
@@ -183,7 +183,7 @@
<!-- Step 6 --> <!-- Step 6 -->
<div class="signup-step"> <div class="signup-step">
<div class="signup-step__icon-box six"> <div class="signup-step__icon-box six">
<!-- <svg width="40" height="40" viewBox="0 0 32 32" fill="none" <!--/* <svg width="40" height="40" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<rect x="7" y="9" width="18" height="16" rx="2" stroke="#0049B4" stroke-width="1.6" <rect x="7" y="9" width="18" height="16" rx="2" stroke="#0049B4" stroke-width="1.6"
stroke-linecap="round" stroke-linejoin="round" /> stroke-linecap="round" stroke-linejoin="round" />
@@ -192,7 +192,7 @@
<path d="M20 7V11" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" /> <path d="M20 7V11" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />
<path d="M12 17H14" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" /> <path d="M12 17H14" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />
<path d="M12 21H14" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" /> <path d="M12 21H14" stroke="#0049B4" stroke-width="1.6" stroke-linecap="round" />
</svg> --> </svg> */-->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-airplane" viewBox="0 0 16 16"> class="bi bi-airplane" viewBox="0 0 16 16">
<path <path
src/main/resources/templates/views/error.html
+1 -1
View File
@@ -246,7 +246,7 @@
<div class="error-container"> <div class="error-container">
<!-- Error Icon --> <!-- Error Icon -->
<div class="error-icon"> <div class="error-icon">
<!-- 3D Speech Bubble Error Icon - Base64 encoded or use th:src for server image --> <!--/* 3D Speech Bubble Error Icon - Base64 encoded or use th:src for server image */-->
<img th:src="@{/img/error_3d.png}" alt="에러"> <img th:src="@{/img/error_3d.png}" alt="에러">
</div> </div>
src/main/resources/templates/views/fragment/api_selector.html
+2 -2
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body> <body>
<!-- <!--/*
API 선택 공용 모듈 (figma s2 디자인: 카테고리 캐러셀 탭 + 카드그리드 + 플로팅 카트 + 선택목록 모달) API 선택 공용 모듈 (figma s2 디자인: 카테고리 캐러셀 탭 + 카드그리드 + 플로팅 카트 + 선택목록 모달)
사용처: 앱(API Key) 신청/수정 step2, Webhook 신청/수정 step2 사용처: 앱(API Key) 신청/수정 step2, Webhook 신청/수정 step2
@@ -25,7 +25,7 @@
- 추가 hidden 필드는 호출 페이지에서 form="apiSelectorForm" 속성으로 주입(예: apikey 수정 clientId). - 추가 hidden 필드는 호출 페이지에서 form="apiSelectorForm" 속성으로 주입(예: apikey 수정 clientId).
- API 목록: GET /apis/for_request (ROLE_API_KEY_REQUEST) AJAX. - API 목록: GET /apis/for_request (ROLE_API_KEY_REQUEST) AJAX.
- 스타일: design s2-* (_apikey-register.scss step2 재작업분) 재사용. - 스타일: design s2-* (_apikey-register.scss step2 재작업분) 재사용.
--> */-->
<th:block th:fragment="apiSelector(apiServices, selectedApis, formAction, saveAction)"> <th:block th:fragment="apiSelector(apiServices, selectedApis, formAction, saveAction)">
<!-- Category Carousel Tab Container --> <!-- Category Carousel Tab Container -->
src/main/resources/templates/views/fragment/apikey-request.html
+1 -1
View File
@@ -106,7 +106,7 @@
<p class="pop_text l_text2">신청사유</p> <p class="pop_text l_text2">신청사유</p>
<div class="pop_textbox"> <div class="pop_textbox">
<textarea name="reason" rows="5" cols="30" class="common_textareaType_1" placeholder="신청사유를 입력해 주세요."></textarea> <textarea name="reason" rows="5" cols="30" class="common_textareaType_1" placeholder="신청사유를 입력해 주세요."></textarea>
<!-- <span>158/1,000 byte</span> --> <!--/* <span>158/1,000 byte</span> */-->
</div> </div>
<div class="pop_btnbox"> <div class="pop_btnbox">
<button class="popup_button_gray btn_cancel">취소</button> <button class="popup_button_gray btn_cancel">취소</button>
src/main/resources/templates/views/fragment/djbank/head.html
+2 -2
View File
@@ -100,9 +100,9 @@
<script th:src="@{/plugins/summernote/summernote-cleaner.js}"></script> <script th:src="@{/plugins/summernote/summernote-cleaner.js}"></script>
<script th:src="@{/plugins/jquery-ui/jquery-ui.min.js}"></script> <script th:src="@{/plugins/jquery-ui/jquery-ui.min.js}"></script>
<!-- LiveReload (개발 전용): DevTools 가 정적 리소스/템플릿 변경을 감지하면 브라우저를 자동 새로고침한다. <!--/* LiveReload (개발 전용): DevTools 가 정적 리소스/템플릿 변경을 감지하면 브라우저를 자동 새로고침한다.
localhost 외 IP(예: 172.30.1.14)로 접속해도 동작하도록 접속 호스트 기준으로 livereload.js 를 로드한다. localhost 외 IP(예: 172.30.1.14)로 접속해도 동작하도록 접속 호스트 기준으로 livereload.js 를 로드한다.
prod/stage 에는 DevTools 자체가 없으므로(developmentOnly) 개발 프로파일에서만 주입한다. --> prod/stage 에는 DevTools 자체가 없으므로(developmentOnly) 개발 프로파일에서만 주입한다. */-->
<script th:if="${@environment.acceptsProfiles('local_rinjaemac','local')}" <script th:if="${@environment.acceptsProfiles('local_rinjaemac','local')}"
th:src="|//${#request.serverName}:35729/livereload.js|"></script> th:src="|//${#request.serverName}:35729/livereload.js|"></script>
</head> </head>
src/main/resources/templates/views/fragment/djbank/header_container.html
+10 -10
View File
@@ -21,12 +21,12 @@
<!-- Desktop Header Layout --> <!-- Desktop Header Layout -->
<div class="desktop-header"> <div class="desktop-header">
<div class="header-left"> <div class="header-left">
<!-- <div class="logo-wrapper">--> <!--/* <div class="logo-wrapper">*/-->
<!-- <a th:href="@{/}" class="logo-link">--> <!--/* <a th:href="@{/}" class="logo-link">*/-->
<!-- <img src="/img/logo/logo-djb.png" alt="DJBank" class="logo" width="114" height="32">--> <!--/* <img src="/img/logo/logo-djb.png" alt="DJBank" class="logo" width="114" height="32">*/-->
<!-- </a>--> <!--/* </a>*/-->
<!-- <a th:href="@{/}" class="logo-text">API Portal</a>--> <!--/* <a th:href="@{/}" class="logo-text">API Portal</a>*/-->
<!-- </div>--> <!--/* </div>*/-->
<div > <div >
<div class="logo"> <div class="logo">
<a th:href="@{/}" class="logo-wrapper"> <a th:href="@{/}" class="logo-wrapper">
@@ -63,11 +63,11 @@
<div class="header-right"> <div class="header-right">
<!-- Login State (Anonymous) --> <!-- Login State (Anonymous) -->
<!-- <div class="auth-group" sec:authorize="isAnonymous()">--> <!--/* <div class="auth-group" sec:authorize="isAnonymous()">*/-->
<!-- <a th:href="@{/login}" class="login-btn login-btn-box">--> <!--/* <a th:href="@{/login}" class="login-btn login-btn-box">*/-->
<!-- <img th:src="@{/img/user_icon.svg}" alt="User" class="user-icon">로그인</a>--> <!--/* <img th:src="@{/img/user_icon.svg}" alt="User" class="user-icon">로그인</a>*/-->
<!-- </div>--> <!--/* </div>*/-->
<div class="auth-group" sec:authorize="isAnonymous()"> <div class="auth-group" sec:authorize="isAnonymous()">
<a th:href="@{/login}" class="login-btn login-btn-box">로그인</a> <a th:href="@{/login}" class="login-btn login-btn-box">로그인</a>