Skip to content

과제1 #3

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

Open
chaeneyy wants to merge 1 commit into
base: master
Choose a base branch
from
Open

과제1 #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
16 changes: 15 additions & 1 deletion src/main/resources/templates/download.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,21 @@ <h2> 파일 다운로드 페이지</h2>
</body>
<head>
<script type="application/javascript">
// 이곳에 코드를 작성하십시오.
(async () => {
const response = await fetch('/api/v1/rest/aws/list');
const result = await response.json();
console.log(result);
for (let i = 0; i < result.length; i++) {
let li = document.createElement("li");
li.appendChild(document.createTextNode(result[i]));
document.getElementById("file_list").appendChild(li);
}
})()

let params = new URLSearchParams(window.location.search);
if (params.get("success") != null) {
document.getElementById("message").innerHTML = "파일 업로드에 성공하였습니다.";
}
</script>
</head>
</html>
60 changes: 30 additions & 30 deletions src/main/resources/templates/request_aws_key.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,33 @@
<html lang="ko">
<body>
<h2> AWS API Key가 등록되지 않았습니다.</h2>
AWS API Key가 등록되지 않았습니다.<br/>
보안을 위해, 해당 프로젝트에서는 S3 API에 접근하기 위해 API 키를 어플리케이션 활성화시 1회 요청합니다.<br/>
API 키는 저장되지 않습니다. <br/><br/><br/>
<body>
<h2> AWS API Key가 등록되지 않았습니다.</h2>
AWS API Key가 등록되지 않았습니다.<br/>
보안을 위해, 해당 프로젝트에서는 S3 API에 접근하기 위해 API 키를 어플리케이션 활성화시 1회 요청합니다.<br/>
API 키는 저장되지 않습니다. <br/><br/><br/>

API 키를 만들려면 다음 과정을 따라합니다.
<ol>
<li><a href="https://us-east-1.console.aws.amazon.com/iamv2/home?region=us-east-2#/users">AWS IAM 콘솔</a>에
접속합니다.
</li>
<li><b> 사용자 생성</b>을 누릅니다.</li>
<li>중복되지 않는 사용자명을 입력합니다. 해당 프로젝트에서는 <b>s3_user</b>로 생성하십시오.</li>
<li><b>직접 정책 연결</b>를 선택하고, <b>AmazonS3FullAccess</b>를 검색합니다. 해당 권한은 발급된 키로 자신의 S3 API의 모든 접근을 허용하겠다는 의미입니다.
</li>
<li>사용자 생성을 누릅니다.</li>
<li>AWS IAM 콘솔에서 <b>s3_user</b>을 클릭합니다.</li>
<li><b>요약</b> 창에서 푸른식 <span style="color: skyblue;font-weight: bold;">액세스 키 만들기</span>를 클릭합니다.</li>
<li><b>AWS 외부에서 실행되는 애플리케이션</b>을 선택하고, <b>다음</b>을 누릅니다.</li>
<li><b>액세스 키 만들기</b>를 누릅니다.</li>
<li>출력된 액세스 키를 입력합니다. <span
style="color: red;font-weight: bolder">경고: 한번 발급된 키는 페이지를 나가면 다시 볼 수 없습니다.</span></li>
</ol>
<form method="post" action="api/v1/rest/aws/auth">
<b> API 액세스 키 </b><br/>
<input name="apiKey" type="text" placeholder="AWS 액세스 키.."/><br/>
<b> API 비밀 액세스 키 </b><br/>
<input name="apiSecretKey" type="password" placeholder="AWS 비밀 액세스 키.."/><br/><br/>
<input type="submit" value="확인"/>
</form>
</body>
API 키를 만들려면 다음 과정을 따라합니다.
<ol>
<li><a href="https://us-east-1.console.aws.amazon.com/iamv2/home?region=us-east-2#/users">AWS IAM 콘솔</a>에
접속합니다.
</li>
<li><b> 사용자 생성</b>을 누릅니다.</li>
<li>중복되지 않는 사용자명을 입력합니다. 해당 프로젝트에서는 <b>s3_user</b>로 생성하십시오.</li>
<li><b>직접 정책 연결</b>를 선택하고, <b>AmazonS3FullAccess</b>를 검색합니다. 해당 권한은 발급된 키로 자신의 S3 API의 모든 접근을 허용하겠다는 의미입니다.
</li>
<li>사용자 생성을 누릅니다.</li>
<li>AWS IAM 콘솔에서 <b>s3_user</b>을 클릭합니다.</li>
<li><b>요약</b> 창에서 푸른식 <span style="color: skyblue;font-weight: bold;">액세스 키 만들기</span>를 클릭합니다.</li>
<li><b>AWS 외부에서 실행되는 애플리케이션</b>을 선택하고, <b>다음</b>을 누릅니다.</li>
<li><b>액세스 키 만들기</b>를 누릅니다.</li>
<li>출력된 액세스 키를 입력합니다. <span
style="color: red;font-weight: bolder">경고: 한번 발급된 키는 페이지를 나가면 다시 볼 수 없습니다.</span></li>
</ol>
<form method="post" action="api/v1/rest/aws/auth">
<b> API 액세스 키 </b><br/>
<input name="apiKey" type="text" placeholder="AWS 액세스 키.."/><br/>
<b> API 비밀 액세스 키 </b><br/>
<input name="apiSecretKey" type="password" placeholder="AWS 비밀 액세스 키.."/><br/><br/>
<input type="submit" value="확인"/>
</form>
</body>
</html>
30 changes: 17 additions & 13 deletions src/main/resources/templates/upload.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,20 @@
<html lang="ko">
<body>
<a href="/download"> <-- 다운로드 페이지로 </a>
<h2> 파일 업로드 </h2>
<span>파일 업로드 코드를 작성하십시오.</span>
<span>파일을 업로드하는 예제에 대해서는 <a href="https://github.com/java-lesson-cbnu/android-lesson-01">이전 예제 레포지토리</a>를 참고하세요. </span>
<span id="message"> </span>
</body>
<script>
<body>
<a href="/download"> <-- 다운로드 페이지로 </a>
<h2> 파일 업로드 </h2>
<span>파일 업로드 코드를 작성하십시오.</span>
<span>파일을 업로드하는 예제에 대해서는 <a href="https://github.com/java-lesson-cbnu/android-lesson-01">이전 예제 레포지토리</a>를 참고하세요. </span>
<span id="message"> </span>
<form method="post"action="api/v1/rest/aws/upload" enctype="multipart/form-data">
<input name = "file" type="file" value="파일 선택"/><br/>
<input type="submit" value="업로드"/><br/>
</form>
</body>
<script>

let params = new URLSearchParams(window.location.search);
if (params.get("success") != null) {
document.getElementById("message").innerHTML = "파일 업로드에 성공하였습니다.";
}
</script>
let params = new URLSearchParams(window.location.search);
if (params.get("success") != null) {
document.getElementById("message").innerHTML = "파일 업로드에 성공하였습니다.";
}
</script>
</html>