APPS-sookmyung · tjsl0607 · Apr 26, 2026 · Mar 30, 2026 · Mar 30, 2026 · Apr 24, 2026
diff --git a/김나윤/week1/index.html b/김나윤/week1/index.html
@@ -18,21 +18,21 @@ <h1>My Blog</h1>
     </header>
 
     <main>
-      <section>
-        <article>
+      <article>
+        <section>
           <figure>
             <img src="image/뮤지컬.jpg" alt="김나윤" />
-            <p>
+            <figcaption>
               안녕하세요!
-              <br />
+              <br>
               저는 26학번 데이터사이언스 김나윤입니다!
-            </p>
+            </figcaption>
           </figure>
-        </article>
-      </section>
+        </section>
+      </article>
 
-      <section>
-        <article>
+      <article>
+        <section>
           <h2>About Me</h2>
           <ul>
             <li>MBTI: ISFJ</li>
@@ -41,11 +41,9 @@ <h2>About Me</h2>
             <li>2026 목표: APPS에서 개발경험 쌓고 성장하는 한 해 되기!!</li>
             <li>인스타: @nauoon__</li>
           </ul>
-        </article>
-      </section>
+        </section>
 
-      <section>
-        <article>
+        <section>
           <h2>Playlist</h2>
           <iframe
             width="560"
@@ -65,10 +63,10 @@ <h2>Playlist</h2>
             referrerpolicy="strict-origin-when-cross-origin"
             allowfullscreen
           ></iframe>
-          <br />
+          <br>
           <p>뮤지컬 노래 중에 킹키부츠 'Step One'추천합니다👍👍</p>
-        </article>
-      </section>
+        </section>
+      </article>
     </main>
 
     <footer>@2026 APPS 13기</footer>

diff --git a/김나윤/week2/과제_1/index.html b/김나윤/week2/과제_1/index.html
@@ -0,0 +1,111 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Calculator</title>
+    <link rel="stylesheet" href="main.css" />
+  </head>
+
+  <body>
+    <div class="calculator">
+      <form name="forms">
+        <input type="text" name="output" readonly />
+        <input
+          type="button"
+          class="clear"
+          value="C"
+          onclick="document.forms.output.value = ''"
+        />
+        <input
+          type="button"
+          class="operator"
+          value="/"
+          onclick="document.forms.output.value += '/'"
+        />
+        <input
+          type="button"
+          value="1"
+          onclick="document.forms.output.value += '1'"
+        />
+        <input
+          type="button"
+          value="2"
+          onclick="document.forms.output.value += '2'"
+        />
+        <input
+          type="button"
+          value="3"
+          onclick="document.forms.output.value += '3'"
+        />
+        <input
+          type="button"
+          class="operator"
+          value="*"
+          onclick="document.forms.output.value += '*'"
+        />
+        <input
+          type="button"
+          value="4"
+          onclick="document.forms.output.value += '4'"
+        />
+        <input
+          type="button"
+          value="5"
+          onclick="document.forms.output.value += '5'"
+        />
+        <input
+          type="button"
+          value="6"
+          onclick="document.forms.output.value += '6'"
+        />
+        <input
+          type="button"
+          class="operator"
+          value="+"
+          onclick="document.forms.output.value += '+'"
+        />
+        <input
+          type="button"
+          value="7"
+          onclick="document.forms.output.value += '7'"
+        />
+        <input
+          type="button"
+          value="8"
+          onclick="document.forms.output.value += '8'"
+        />
+        <input
+          type="button"
+          value="9"
+          onclick="document.forms.output.value += '9'"
+        />
+        <input
+          type="button"
+          class="operator"
+          value="-"
+          onclick="document.forms.output.value += '-'"
+        />
+        <input
+          type="button"
+          class="dot"
+          value="."
+          onclick="document.forms.output.value += '.'"
+        />
+        <input
+          type="button"
+          value="0"
+          onclick="document.forms.output.value += '0'"
+        />
+        <input
+          type="button"
+          class="operator result"
+          value="="
+          onclick="
+            document.forms.output.value = eval(document.forms.output.value)
+          "
+        />
+      </form>
+    </div>
+  </body>
+</html>
diff --git a/김나윤/week2/과제_1/main.css b/김나윤/week2/과제_1/main.css
@@ -0,0 +1,77 @@
+
+* {
+  margin:0; 
+  padding: 0; 
+  box-sizing: border-box; 
+}
+
+body {
+  background-color: white;
+  display: flex;
+  justify-content:center; 
+  align-content:center; 
+  height: 60vh;
+}
+
+.calculator {
+  width: 287px;
+  border-radius: 5px; 
+  background-color: #f0f3fa;
+  padding: 20px 10px ; 
+  box-shadow: 0px 5px 10px rgba(6, 15, 65, 0.4);
+
+}
+
+.calculator form {
+  display: grid;
+  grid-template-columns:repeat(4,1fr); 
+  height: 55px;
+  gap: 10px; 
+}
+
+.calculator form input {
+  cursor: pointer; 
+  font-size: 19px;
+  border-radius:10px; 
+  height: 55px;
+  border:none; 
+  background-color: #d5deef;
+  box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15);
+
+  transition: all 0.1s ease; 
+  outline:none; 
+}
+
+.calculator form input:hover {
+  box-shadow: 1px 1px 2px #696969; /* x축: 1px, y축: 1px, 퍼짐: 2px, 색상: 그림자 적용 */
+}
+
+/* 버튼 색상 및 크기 설정 */
+.calculator form .clear {
+  color: #ed4848;
+  grid-column: span 3; /* `C` 버튼이 현재 위치에서 3개의 열을 차지하도록 설정 */
+}
+
+.calculator form .operator {
+  background-color: #395886;
+  color: white;
+}
+
+.calculator form .dot {
+  background-color: #628ecb;
+  color: white;
+}
+
+.calculator form input[type="text"] {
+  grid-column:1 / span 4; 
+  text-align: left; 
+  padding:10px; 
+  font-size:20px; 
+  border-radius:6px; 
+  border: 1px solid #bbb; 
+  background-color: #f9f9f9;
+}
+
+.calculator form .result {
+  grid-column:span 2; 
+}
diff --git a/김나윤/week2/과제_2/images/background.jpeg b/김나윤/week2/과제_2/images/background.jpeg
diff --git a/김나윤/week2/과제_2/images/logo.svg b/김나윤/week2/과제_2/images/logo.svg
diff --git a/김나윤/week2/과제_2/images/main_logo.png b/김나윤/week2/과제_2/images/main_logo.png
diff --git a/김나윤/week2/과제_2/images/pokemon1.png b/김나윤/week2/과제_2/images/pokemon1.png
diff --git a/김나윤/week2/과제_2/images/pokemon10.png b/김나윤/week2/과제_2/images/pokemon10.png
diff --git a/김나윤/week2/과제_2/images/pokemon11.png b/김나윤/week2/과제_2/images/pokemon11.png
diff --git a/김나윤/week2/과제_2/images/pokemon12.png b/김나윤/week2/과제_2/images/pokemon12.png
diff --git a/김나윤/week2/과제_2/images/pokemon13.png b/김나윤/week2/과제_2/images/pokemon13.png
diff --git a/김나윤/week2/과제_2/images/pokemon14.png b/김나윤/week2/과제_2/images/pokemon14.png
diff --git a/김나윤/week2/과제_2/images/pokemon15.png b/김나윤/week2/과제_2/images/pokemon15.png
diff --git a/김나윤/week2/과제_2/images/pokemon16.png b/김나윤/week2/과제_2/images/pokemon16.png
diff --git a/김나윤/week2/과제_2/images/pokemon17.png b/김나윤/week2/과제_2/images/pokemon17.png
diff --git a/김나윤/week2/과제_2/images/pokemon18.png b/김나윤/week2/과제_2/images/pokemon18.png
diff --git a/김나윤/week2/과제_2/images/pokemon19.png b/김나윤/week2/과제_2/images/pokemon19.png
diff --git a/김나윤/week2/과제_2/images/pokemon2.png b/김나윤/week2/과제_2/images/pokemon2.png
diff --git a/김나윤/week2/과제_2/images/pokemon20.png b/김나윤/week2/과제_2/images/pokemon20.png
diff --git a/김나윤/week2/과제_2/images/pokemon21.png b/김나윤/week2/과제_2/images/pokemon21.png
diff --git a/김나윤/week2/과제_2/images/pokemon22.png b/김나윤/week2/과제_2/images/pokemon22.png
diff --git a/김나윤/week2/과제_2/images/pokemon23.png b/김나윤/week2/과제_2/images/pokemon23.png
diff --git a/김나윤/week2/과제_2/images/pokemon24.png b/김나윤/week2/과제_2/images/pokemon24.png
diff --git a/김나윤/week2/과제_2/images/pokemon25.png b/김나윤/week2/과제_2/images/pokemon25.png
diff --git a/김나윤/week2/과제_2/images/pokemon26.png b/김나윤/week2/과제_2/images/pokemon26.png
diff --git a/김나윤/week2/과제_2/images/pokemon27.png b/김나윤/week2/과제_2/images/pokemon27.png
diff --git a/김나윤/week2/과제_2/images/pokemon28.png b/김나윤/week2/과제_2/images/pokemon28.png
diff --git a/김나윤/week2/과제_2/images/pokemon29.png b/김나윤/week2/과제_2/images/pokemon29.png
diff --git a/김나윤/week2/과제_2/images/pokemon3.png b/김나윤/week2/과제_2/images/pokemon3.png
diff --git a/김나윤/week2/과제_2/images/pokemon30.png b/김나윤/week2/과제_2/images/pokemon30.png
diff --git a/김나윤/week2/과제_2/images/pokemon31.png b/김나윤/week2/과제_2/images/pokemon31.png
diff --git a/김나윤/week2/과제_2/images/pokemon32.png b/김나윤/week2/과제_2/images/pokemon32.png
diff --git a/김나윤/week2/과제_2/images/pokemon4.png b/김나윤/week2/과제_2/images/pokemon4.png
diff --git a/김나윤/week2/과제_2/images/pokemon5.png b/김나윤/week2/과제_2/images/pokemon5.png
diff --git a/김나윤/week2/과제_2/images/pokemon6.png b/김나윤/week2/과제_2/images/pokemon6.png
diff --git a/김나윤/week2/과제_2/images/pokemon7.png b/김나윤/week2/과제_2/images/pokemon7.png
diff --git a/김나윤/week2/과제_2/images/pokemon8.png b/김나윤/week2/과제_2/images/pokemon8.png
diff --git a/김나윤/week2/과제_2/images/pokemon9.png b/김나윤/week2/과제_2/images/pokemon9.png