diff --git a/src/main/resources/templates/download.html b/src/main/resources/templates/download.html
index 5f9f304..c1c8803 100644
--- a/src/main/resources/templates/download.html
+++ b/src/main/resources/templates/download.html
@@ -1,16 +1,30 @@
 <html>
-    <body>
-        <a href="/upload"> <--  업로드 페이지로 </a>
-        <h2> 파일 다운로드 페이지</h2>
-        <span>REST 요청을 보내 파일 목록을 불러오고, 다음 li에 다운로드 링크와 함께 삽입하십시오.</span>
-        <span>파일 목록을 불러오는 예제에 대해서는 <a href="https://github.com/java-lesson-cbnu/android-lesson-01">이전 예제 레포지토리</a>를 참고하세요. </span>
-        <li id="file_list">
+<body>
+<a href="/upload"> <--  업로드 페이지로 </a>
+<h2> 파일 다운로드 페이지</h2>
+<span>REST 요청을 보내 파일 목록을 불러오고, 다음 li에 다운로드 링크와 함께 삽입하십시오.</span>
+<span>파일 목록을 불러오는 예제에 대해서는 <a href="https://github.com/java-lesson-cbnu/android-lesson-01">이전 예제 레포지토리</a>를 참고하세요. </span>
+<li id="file_list">
 
-        </li>
-    </body>
-    <head>
-        <script type="application/javascript">
-            // 이곳에 코드를 작성하십시오.
-        </script>
-    </head>
+</li>
+</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>
\ No newline at end of file
diff --git a/src/main/resources/templates/request_aws_key.html b/src/main/resources/templates/request_aws_key.html
index e406e3b..2f97b11 100644
--- a/src/main/resources/templates/request_aws_key.html
+++ b/src/main/resources/templates/request_aws_key.html
@@ -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>
\ No newline at end of file
diff --git a/src/main/resources/templates/upload.html b/src/main/resources/templates/upload.html
index 3e1c739..cc756fd 100644
--- a/src/main/resources/templates/upload.html
+++ b/src/main/resources/templates/upload.html
@@ -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>
\ No newline at end of file
