-
-
-
+
API TEST (GET)
+
+
+
{}
diff --git a/src/view/script.js b/src/view/script.js
index 41a87f7..bc0f66a 100644
--- a/src/view/script.js
+++ b/src/view/script.js
@@ -1,47 +1,91 @@
// 모달 열기 함수
function guide() {
- var modal = document.getElementById('myModal');
+ const modal = document.getElementById('myModal');
modal.style.display = 'block';
}
// 모달 닫기 함수
function closeModal() {
- var modal = document.getElementById('myModal');
+ const modal = document.getElementById('myModal');
modal.style.display = 'none';
}
-
async function fetchData() {
try {
- const userResponse = await fetch('http://localhost:5000/admin/count');
- const userData = await userResponse.json();
- document.getElementById('user-count').textContent = `유저 ${userData.count}명`;
+ const userResponse = await fetch('http://34.197.44.20/admin/count');
+ const userData = await userResponse.json();
+ document.getElementById('user-count').textContent = `전체 유저 ${userData.count}명 조회`;
- const bookResponse = await fetch('http://localhost:5000/books/count');
- const bookData = await bookResponse.json();
- document.getElementById('book-count').textContent = `책 ${bookData.count}권`;
+ const bookResponse = await fetch('http://34.197.44.20/books/count');
+ const bookData = await bookResponse.json();
+ document.getElementById('book-count').textContent = `전체 책 ${bookData.count}권 조회`;
- const coupangResponse = await fetch('http://localhost:5000/coupang_products/food_count');
- const coupangData = await coupangResponse.json();
- document.getElementById('coupang-count').textContent = `쿠팡 음식 ${coupangData.count}개`;
+ const coupangResponse = await fetch('http://34.197.44.20/coupang_products/count');
+ const coupangData = await coupangResponse.json();
+ document.getElementById('coupang-count').textContent = `전체 쿠팡 제품 ${coupangData.count}개 조회`;
-} catch (error) {
- console.error('데이터 가져오기 실패:', error);
+ } catch (error) {
+ console.error('데이터 가져오기 실패:', error);
+ }
}
+
+async function fetchSpecificDatausers() {
+ const input = document.getElementById('input-id-users').value;
+ try {
+ const response = await fetch(`http://34.197.44.20/admin/user/${input}`);
+ const data = await response.json();
+ document.getElementById('result').textContent = JSON.stringify(data, null, 2);
+ } catch (error) {
+ console.error('데이터 가져오기 실패:', error);
+ }
}
- async function fetchSpecificData() {
- const input = document.getElementById('input-id').value;
+async function fetchSpecificDatabooks() {
+ const input = document.getElementById('input-id-books').value;
try {
- const response = await fetch(`http://localhost:5000/books/info/${input}`);
- const data = await response.json();
- document.getElementById('result').textContent = JSON.stringify(data, null, 2);
-} catch (error) {
- console.error('데이터 가져오기 실패:', error);
+ const response = await fetch(`http://34.197.44.20/books/info/${input}`);
+ const data = await response.json();
+ document.getElementById('result').textContent = JSON.stringify(data, null, 2);
+ } catch (error) {
+ console.error('데이터 가져오기 실패:', error);
+ }
}
+
+async function fetchSpecificDataproducts() {
+ const input = document.getElementById('input-id-products').value;
+ try {
+ const response = await fetch(`http://34.197.44.20/coupang_products/product/${input}`);
+ const data = await response.json();
+ document.getElementById('result').textContent = JSON.stringify(data, null, 2);
+ } catch (error) {
+ console.error('데이터 가져오기 실패:', error);
+ }
}
- window.onload = fetchData;
+function showInput(section) {
+ // 모든 입력 섹션을 숨김
+ const inputSections = document.querySelectorAll('.input-section');
+ inputSections.forEach(section => {
+ section.style.display = 'none';
+ });
+ // 선택한 섹션만 보이도록 함
+ const selectedInput = document.querySelector(`.input-section.${section}`);
+ if (selectedInput) {
+ selectedInput.style.display = 'flex'; // 또는 'block' 등으로 설정
+ }
+}
+document.addEventListener('DOMContentLoaded', function() {
+ // 기본적으로 특정 유저 조회 입력 창만 보이도록 설정
+ const inputSections = document.querySelectorAll('.input-section');
+ inputSections.forEach(section => {
+ if (section.classList.contains('users')) {
+ section.style.display = 'flex'; // 또는 'block' 등으로 설정
+ } else {
+ section.style.display = 'none';
+ }
+ });
+});
+window.onload = fetchData;
diff --git a/src/view/styles.css b/src/view/styles.css
index de7b0ae..f1f2766 100644
--- a/src/view/styles.css
+++ b/src/view/styles.css
@@ -34,6 +34,7 @@ span {
color: #ffffff;
border: none;
margin-right: 25px;
+ cursor: pointer;
}
@@ -149,4 +150,64 @@ pre {
color: #000;
text-decoration: none;
cursor: pointer;
-}
\ No newline at end of file
+}
+
+#result {
+ max-width: 300px; /* 최대 가로폭 설정 */
+ overflow-x: auto; /* 가로 스크롤 나타나게 설정 */
+
+}
+.sub_nav ul {
+ display: flex;
+ list-style: none; /* 기본 리스트 스타일 제거 */
+ padding: 0; /* 패딩 제거 */
+ margin: 0; /* 마진 제거 */
+}
+
+.sub_nav li {
+ margin-right: 1rem; /* 항목 간의 간격 설정 */
+}
+
+.sub_nav li:last-child {
+ margin-right: 0; /* 마지막 항목의 오른쪽 마진 제거 */
+}
+
+.sub_nav a {
+ text-decoration: none; /* 링크의 기본 밑줄 제거 */
+ color: #007bff; /* 링크 색상 설정 */
+}
+
+.sub_nav a:hover {
+ text-decoration: underline; /* 링크에 마우스 올렸을 때 밑줄 표시 */
+}
+/* input-section 요소를 감싸는 div들의 스타일 */
+.input-section {
+ display: none; /* 기본적으로 숨김 */
+ align-items: center;
+ margin-top: 10px; /* 각 입력 섹션 사이의 간격 설정 */
+}
+
+.input-section label {
+ margin-right: 10px; /* 라벨과 입력 필드 사이의 간격 설정 */
+}
+
+.input-section input {
+ padding: 0.5rem;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ margin-right: 10px;
+}
+
+.input-section button {
+ background-color: #007bff;
+ color: white;
+ border: none;
+ padding: 0.5rem 1rem;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+}
+
+.input-section button:hover {
+ background-color: #0056b3;
+}