DevelopSoo · andrewpark231010 · Nov 3, 2023
diff --git a/10번/10.html b/10번/10.html
@@ -0,0 +1,29 @@
+<!-- <!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div class="calculate">
+      <input id="userPick" type="number" />
+      <button class="times">곱하기2</button>
+    </div>
+    <script src="10.js"></script>
+  </body>
+</html> -->
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <button class="btn">prompt 창 띄우기</button>
+
+    <script src="10.js"></script>
+  </body>
+</html>
diff --git a/10번/10.js b/10번/10.js
@@ -0,0 +1,11 @@
+// document.querySelector(".times").addEventListener("click", function () {
+//   let inputElement = document.querySelector("#userPick");
+//   let result = inputElement * 2;
+//   alert(result);
+// });
+
+document.querySelector(".btn").addEventListener("click", function () {
+  let textContents = prompt("숫자를 입력하세요.", "");
+  let result = textContents * 2;
+  alert(result);
+});
diff --git a/11번/11.html b/11번/11.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div class="date">시간에 따른 인사말을 콘솔에서 확인바랍니다.</div>
+
+    <script src="11.js"></script>
+  </body>
+</html>
diff --git a/11번/11.js b/11번/11.js
@@ -0,0 +1,11 @@
+const currentTime = new Date();
+
+const currentHour = currentTime.getHours();
+
+if (currentHour < 10) {
+  console.log("Good morning");
+} else if (currentHour >= 10 && currentHour < 18) {
+  console.log("Good afternoon");
+} else {
+  console.log("Good evening");
+}
diff --git a/1번/1.md b/1번/1.md
@@ -5,3 +5,15 @@
 - inline (인라인) 태그와 block (블록) 태그의 차이점을 찾아오시면 됩니다.
 
 (여기에 작성)
+
+-div
+박스 형태로 영역 설정
+가로 폭을 전부 차지하고 폭과 넓이를 지정할 수 있다.
+줄바꿈을 자동으로 한다.
+
+-span
+줄 단위로 영역이 설정
+태그 안의 내용만큼만 차지하고 폭과 넓이를 지정할 수 없다.
+줄바꿈이 없고 문장 중간에 들어갈 수 있다.
+
+span은 한 라인에 여러 요소를 표현하기 위해 사용하고, div와 span은 table 태그 대신에 구조를 만들 때 사용할 수 있다.
diff --git a/2번/2.css b/2번/2.css
@@ -0,0 +1,12 @@
+.box {
+  border: 1px solid red;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  float: left;
+}
+
+.bigBox {
+  width: 90%;
+  margin: 0px 0px;
+}
diff --git a/2번/2.html b/2번/2.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>과제 2번</title>
+    <link rel="stylesheet" href="2.css" />
+  </head>
+  <body>
+    <div class="bigBox">
+      <div class="box"></div>
+      <div class="box"></div>
+      <div class="box"></div>
+    </div>
+  </body>
+</html>
diff --git a/3번/3.css b/3번/3.css
@@ -0,0 +1,15 @@
+.box {
+  border: 1px solid red;
+  width: 100px;
+  height: 100px;
+  box-sizing: border-box;
+  float: left;
+  padding: 50px;
+}
+
+.bigBox {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+}
diff --git a/3번/3.html b/3번/3.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>과제 2번</title>
+    <link rel="stylesheet" href="3.css" />
+  </head>
+  <body>
+    <div class="bigBox">
+      <div class="box"></div>
+      <div class="box"></div>
+      <div class="box"></div>
+    </div>
+  </body>
+</html>
diff --git a/4번/4.js b/4번/4.js
@@ -0,0 +1 @@
+document.querySelector(".btn");
diff --git a/5번/5.js b/5번/5.js
@@ -0,0 +1 @@
+document.querySelector("#heading");
diff --git a/6번/6.html b/6번/6.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1 id="heading"></h1>
+    <script src="6.js"></script>
+  </body>
+</html>
diff --git a/6번/6.js b/6번/6.js
@@ -0,0 +1 @@
+document.querySelector("#heading").innerHTML = "제목입니다.";
diff --git a/7번/7.html b/7번/7.html
@@ -1,2 +1,16 @@
-<img width="400px" height="300px"
-	src="https://grownbetter-prod-user-storage-upload-001.s3.amazonaws.com/program_images/b6cc165e-e7d0-4244-b78d-fa83c49fe306" />
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <img
+      width="400px"
+      height="300px"
+      src="https://grownbetter-prod-user-storage-upload-001.s3.amazonaws.com/program_images/b6cc165e-e7d0-4244-b78d-fa83c49fe306"
+    />
+    <script src="7.js"></script>
+  </body>
+</html>
diff --git a/7번/7.js b/7번/7.js
@@ -0,0 +1 @@
+document.querySelector("img").setAttribute("alt", "개발자");
diff --git a/8번/8.html b/8번/8.html
@@ -1 +1,13 @@
-<button class="btn">prompt 창 띄우기</button>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    <button class="btn">prompt 창 띄우기</button>
+
+    <script src="8.js"></script>
+  </body>
+</html>
diff --git a/8번/8.js b/8번/8.js
@@ -0,0 +1,4 @@
+document.querySelector(".btn").addEventListener("click", function () {
+  let textContents = prompt("아무거나 입력하세요.", "");
+  alert(textContents);
+});
diff --git a/9번/9.html b/9번/9.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>콘솔 창 띄우기</title>
+  </head>
+  <body>
+    <h1>콘솔 창 확인</h1>
+
+    <script src="9.js"></script>
+  </body>
+</html>
diff --git a/9번/9.js b/9번/9.js
@@ -0,0 +1 @@
+console.log("안녕하세요.");
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		document.querySelector("#heading").innerHTML = "제목입니다.";
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		document.querySelector("img").setAttribute("alt", "개발자");