DevCollection
diff --git a/‎why-ts/app.js
Lines changed: 25 additions & 0 deletions b/‎why-ts/app.js
Lines changed: 25 additions & 0 deletions
diff --git a/‎why-ts/index.html
Lines changed: 19 additions & 0 deletions b/‎why-ts/index.html
Lines changed: 19 additions & 0 deletions
@@ -0,0 +1,25 @@
+// api url
+var url = 'https://jsonplaceholder.typicode.com/users/1';
+
+// dom
+var username = document.querySelector('#username');
+var email = document.querySelector('#email');
+var address = document.querySelector('#address');
+
+// user data
+var user = {};
+
+function startApp() {
+  axios
+    .get(url)
+    .then(function (response) {
+      console.log(response);
+      user = response.data;
+      // TODO: 이름, 이메일, 주소 표시하기
+    })
+    .catch(function (error) {
+      console.log(error);
+    });
+}
+
+startApp();
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Why Typescript?</title>
+  </head>
+  <body>
+    <h1>사용자 정보</h1>
+    <div>
+      <p>이름: <span id="username"></span></p>
+      <p>이메일: <span id="email"></span></p>
+      <p>주소: <span id="address"></span></p>
+    </div>
+
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <script src="./app.js"></script>
+  </body>
+</html>