Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

링크 변경 #14

Merged
merged 6 commits into from
Jun 21, 2024
Merged

링크 변경 #14

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
10ea36b
html파일 생성
kws07042 Jun 13, 2024
1ce7457
view 파일
kws07042 Jun 19, 2024
3ad1a68
Merge branch 'dev' into main
kws07042 Jun 21, 2024
5c5c7fc
view 최신화
kws07042 Jun 21, 2024
c6dee8a
링크 변경
kws07042 Jun 21, 2024
a6db0c4
Merge branch 'main' into main
kws07042 Jun 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 6 additions & 30 deletions src/view/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,16 +28,7 @@ <h1>어떨때 사용하나요?</h1>
<h1>데이터 전체 조회 API</h1>
<div class="data_container">
<div>
<p>GET</p><a href="http://34.197.44.20/admin/users" target="_blank">/admin/users</a>
<span id="user-count"></span>
</div>
<div>
<p>GET</p><a href="http://34.197.44.20/books/books" target="_blank">/books/books</a>
<span id="book-count"></span>
</div>
<div>
<p>GET</p><a href="http://34.197.44.20/coupang_products/all" target="_blank">/coupang_products/all</a>
<span id="coupang-count"></span>

</div>
</div>
</section>
Expand All @@ -46,20 +37,7 @@ <h1>데이터 전체 조회 API</h1>
<h1>특정 조건의 데이터 조회 API</h1>
<div class="data_container">
<div>
<p>GET</p><a href="http://34.197.44.20/admin/user/000043c2-b919-4281-9dab-f2a5b446973b" target="_blank">/admin/users/1</a>
<span>유저 아이디 1</span>
</div>
<div>
<p>GET</p><a href="http://34.197.44.20/books/info/1" target="_blank">/books/info/1</a>
<span id="book-count-2">책 아이디 1</span>
</div>
<div>
<p>GET</p><a href="http://localhost:5000/coupang_products/product/1" target="_blank">/coupang_products
/product/1</a>
<span id="coupang-count-2">쿠팡 제품 아이디 1</span>
</div>
<div>
<p>GET</p><a href="http://34.197.44.20/coupang_products/food" target="_blank">/coupang_products/food</a>

<span>쿠팡 제품 카테고리:음식</span>
</div>
</div>
Expand All @@ -71,13 +49,12 @@ <h1>API TEST (GET)</h1>
<ul>
<li><a href="#" onclick="showInput('users'); return false;">특정 유저 조회</a></li>
<li><a href="#" onclick="showInput('books'); return false;">특정 책 조회</a></li>
<li><a href="#" onclick="showInput('products'); return false;">특정 제품 조회</a></li>

</ul>
</nav>
<div id="input-container">
<div class="input-section users active">
<label for="input-id-users">/admin/user/</label>
<input type="text" id="input-id-users" placeholder="유저의 ID를 입력하세요">

<button class="run-button" onclick="fetchSpecificDatausers()">Run</button>
</div>
<div class="input-section books">
Expand All @@ -86,8 +63,7 @@ <h1>API TEST (GET)</h1>
<button class="run-button" onclick="fetchSpecificDatabooks()">Run</button>
</div>
<div class="input-section products">
<label for="input-id-products">/coupang_products/product/</label>
<input type="text" id="input-id-products" placeholder="제품의 ID를 입력하세요">

<button class="run-button" onclick="fetchSpecificDataproducts()">Run</button>
</div>
</div>
Expand All @@ -103,4 +79,4 @@ <h2>Guide</h2>
</div>
</div>
</body>
</html>
</html>
28 changes: 2 additions & 26 deletions src/view/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,29 +10,6 @@ function closeModal() {
modal.style.display = 'none';
}

async function fetchData() {
try {
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://34.197.44.20/books/count');
const bookData = await bookResponse.json();
document.getElementById('book-count').textContent = `전체 책 ${bookData.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);
}
}

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) {
Expand All @@ -43,7 +20,7 @@ async function fetchSpecificDatausers() {
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) {
Expand All @@ -54,7 +31,7 @@ async function fetchSpecificDatabooks() {
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) {
Expand Down Expand Up @@ -88,4 +65,3 @@ document.addEventListener('DOMContentLoaded', function() {
});
});

window.onload = fetchData;
Loading