diff --git a/JS/1hour/index.html b/JS/1hour/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..2142f0f4f257f13174ed5e05b1f38bd8c1a815d8
--- /dev/null
+++ b/JS/1hour/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Document</title>
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+</head>
+<body>
+ <script>
+
+ </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/JS/JS.md b/JS/JS.md
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/JS/MOMENTUM/app.js b/JS/MOMENTUM/app.js
index d3f68a40a9c46b22f3c3fc8eea67cba0f8a3ea3d..ce9202eb903d7be0a2a70e6c98ecd667f993fb9d 100644
--- a/JS/MOMENTUM/app.js
+++ b/JS/MOMENTUM/app.js
@@ -1 +1,9 @@
-alert("hi");
+const loginInput = loginForm.querySelector("#login-form input");
+const loginButton = loginForm.querySelector("#login-form button");
+
+function onLoginBtnClick() {
+ const username = loginInput.value;
+ console.log(clicked!!);
+}
+
+loginButton.addEventListener("click", onLoginBtnClick);
\ No newline at end of file
diff --git a/JS/MOMENTUM/index.html b/JS/MOMENTUM/index.html
index 8e1fb2da1d0e407615108fad31940cc361eb8ff7..09d5b90b31a98b01d7136d6474be44055c7e2327 100644
--- a/JS/MOMENTUM/index.html
+++ b/JS/MOMENTUM/index.html
@@ -4,9 +4,13 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
- <title>Momentum</title>
+ <title>Momentum App</title>
</head>
<body>
+ <div id="login-form">
+ <input type="text" placeholder="What is your name?">
+ <button>Log In</button>
+ </div>
<script src="app.js"></script>
</body>
</html>
\ No newline at end of file
diff --git a/JS/MOMENTUM/style.css b/JS/MOMENTUM/style.css
index 1ac9fd331ee9ce0a941bf7fa37297a2c62cb081c..8316c0285c62dbca9d98549e30ac0ce0f2efdec9 100644
--- a/JS/MOMENTUM/style.css
+++ b/JS/MOMENTUM/style.css
@@ -1,3 +1,16 @@
body{
background-color: beige;
+}
+
+h1{
+ color: blue;
+ transition:color .5s ease-in-out;
+}
+
+.clicked{
+ color:tomato;
+}
+
+.sexy-font{
+ font-family: 'Pacifico', cursive;
}
\ No newline at end of file
diff --git a/README.md b/README.md
index c74fff17ab32f8c837786fc4c820324122cc1e22..71f81dd8e7808886e4a204182da493c797964e1c 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,13 @@
React 앱 실무 개발을 위한 기초 다지기
1. HTML + CSS 이해하기
+1시간 특강
https://youtu.be/cb7VlXqFla4?si=QxoXjOG5ksR4SHHK
+
2. JavaScript 이해하기
- 노마드코더 JS vanilla
+ 1. 1시간 특강
+ https://youtu.be/hLhHFiwhRfA?si=_PuXq70jzJmJZxly
+
+ 2. 노마드코더 JS vanilla : https://nomadcoders.co/javascript-for-beginners
+
3. react 개발
\ No newline at end of file