From a654a546c2b999004626d4cc148366eda2aeafe3 Mon Sep 17 00:00:00 2001
From: juchang Lee <dlwnckd0306@gmail.com>
Date: Wed, 27 Dec 2023 19:01:43 +0900
Subject: [PATCH] .
---
JS/1hour/index.html | 14 ++++++++++++++
JS/JS.md | 0
JS/MOMENTUM/app.js | 10 +++++++++-
JS/MOMENTUM/index.html | 6 +++++-
JS/MOMENTUM/style.css | 13 +++++++++++++
README.md | 8 +++++++-
6 files changed, 48 insertions(+), 3 deletions(-)
create mode 100644 JS/1hour/index.html
create mode 100644 JS/JS.md
diff --git a/JS/1hour/index.html b/JS/1hour/index.html
new file mode 100644
index 0000000..2142f0f
--- /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 0000000..e69de29
diff --git a/JS/MOMENTUM/app.js b/JS/MOMENTUM/app.js
index d3f68a4..ce9202e 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 8e1fb2d..09d5b90 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 1ac9fd3..8316c02 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 c74fff1..71f81dd 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
--
GitLab