APPS-sookmyung · soomin2828 · Mar 30, 2026
diff --git a/박수민/1주차 실습/image/img.png → 박수민/week1/image/img.png b/박수민/1주차 실습/image/img.png → 박수민/week1/image/img.png
diff --git a/박수민/1주차 실습/index.html → 박수민/week1/index.html b/박수민/1주차 실습/index.html → 박수민/week1/index.html
diff --git a/박수민/1주차 실습/style.css → 박수민/week1/style.css b/박수민/1주차 실습/style.css → 박수민/week1/style.css
diff --git a/박수민/week2/과제_1/index.html b/박수민/week2/과제_1/index.html
@@ -0,0 +1,38 @@
+<!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; /* width와 height 계산에 padding과 border를 포함하도록 설정 */
+} 
+
+body {
+  background-color: white;
+  display: flex;
+  justify-content: center; /* 가로 정렬 */
+  align-items: center; /* 세로 정렬 */
+  height: 100vh;
+}
+
+.calculator {
+  width: 287px;
+  border-radius: 5px; /* 꼭짓점 둥글기 정도: 5px */
+  background-color: #f0f3fa;
+  padding: 20px 10px; /* 상하 20px, 좌우 10px 내부 여백 */
+  box-shadow: 0px 5px 10px rgba(6, 15, 65, 0.4);
+  /* x축: 0px, y축: 5px, 퍼짐: 10px, 색상: rgb(6, 15, 65), 투명도: 0.4 그림자 적용 */
+}
+
+.calculator form {
+  display: grid; /* grid 선언 */
+  grid-template-columns: repeat(4, 1fr); /* 4열 균등 분배 */
+  grid-auto-rows: 55px; /* 버튼 높이 55px */
+  grid-gap: 10px; /* 버튼 간격 10px */
+}
+
+.calculator form input {
+  cursor: pointer; /* 마우스 커서 포인터로 변경 */
+  font-size: 19px; /* 버튼 내부 텍스트 크기 19px */
+  border-radius: 10px; /* 꼭짓점 둥글기 정도: 10px */
+  border: none; /* 외곽선 없음 */
+  background-color: #d5deef;
+  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
+  /* x축: 3px, y축: 3px, 퍼짐: 6px, 색상: rgb(0, 0, 0), 투명도: 0.15 그림자 적용 */
+  transition: all 0.1s ease-in-out; /* 모든 속성 변화를 0.1초에 걸쳐 전환(천천-빠름-천천) */
+  outline: none; /* 포커스 시 나타나는 기본 외곽선 제거 */
+}
+
+/* 마우스를 올렸을 때 버튼 강조 효과 */
+.calculator form :hover{
+  box-shadow: 1px 1px 2px #696969; /* x축: 1px, y축: 1px, 퍼짐: 2px, 색상: #696969 그림자 적용 */
+}
+
+/* 버튼 색상 및 크기 설정 */
+.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: span 4; /* 입력창이 4개의 열 전체를 차지하도록 설정 */
+  text-align: left; /* 입력된 값이 어느 방향으로 정렬될지 설정 */
+  padding: 10px; /* 입력창 내부 여백 10px 설정 */
+  font-size: 20px; /* 텍스트 크기 20px */
+  border-radius: 6px; /* 꼭짓점 둥글기 정도: 6px */
+  border: 1px solid #bbb; /* 외곽선: 1px, 실선, #bbb 색상 */
+  background-color: #f9f9f9;
+}
+
+.calculator form .result {
+  grid-column: span 2; /* `=` 버튼이 현재 위치에서 2개의 열을 차지하도록 설정*/
+}
diff --git a/박수민/week2/과제_2/images/images/background.jpeg b/박수민/week2/과제_2/images/images/background.jpeg
diff --git a/박수민/week2/과제_2/images/images/logo.svg b/박수민/week2/과제_2/images/images/logo.svg
diff --git a/박수민/week2/과제_2/images/images/main_logo.png b/박수민/week2/과제_2/images/images/main_logo.png
diff --git a/박수민/week2/과제_2/images/images/pokemon1.png b/박수민/week2/과제_2/images/images/pokemon1.png
diff --git a/박수민/week2/과제_2/images/images/pokemon10.png b/박수민/week2/과제_2/images/images/pokemon10.png
diff --git a/박수민/week2/과제_2/images/images/pokemon11.png b/박수민/week2/과제_2/images/images/pokemon11.png
diff --git a/박수민/week2/과제_2/images/images/pokemon12.png b/박수민/week2/과제_2/images/images/pokemon12.png
diff --git a/박수민/week2/과제_2/images/images/pokemon13.png b/박수민/week2/과제_2/images/images/pokemon13.png
diff --git a/박수민/week2/과제_2/images/images/pokemon14.png b/박수민/week2/과제_2/images/images/pokemon14.png
diff --git a/박수민/week2/과제_2/images/images/pokemon15.png b/박수민/week2/과제_2/images/images/pokemon15.png
diff --git a/박수민/week2/과제_2/images/images/pokemon16.png b/박수민/week2/과제_2/images/images/pokemon16.png
diff --git a/박수민/week2/과제_2/images/images/pokemon17.png b/박수민/week2/과제_2/images/images/pokemon17.png
diff --git a/박수민/week2/과제_2/images/images/pokemon18.png b/박수민/week2/과제_2/images/images/pokemon18.png
diff --git a/박수민/week2/과제_2/images/images/pokemon19.png b/박수민/week2/과제_2/images/images/pokemon19.png
diff --git a/박수민/week2/과제_2/images/images/pokemon2.png b/박수민/week2/과제_2/images/images/pokemon2.png
diff --git a/박수민/week2/과제_2/images/images/pokemon20.png b/박수민/week2/과제_2/images/images/pokemon20.png
diff --git a/박수민/week2/과제_2/images/images/pokemon21.png b/박수민/week2/과제_2/images/images/pokemon21.png
diff --git a/박수민/week2/과제_2/images/images/pokemon22.png b/박수민/week2/과제_2/images/images/pokemon22.png
diff --git a/박수민/week2/과제_2/images/images/pokemon23.png b/박수민/week2/과제_2/images/images/pokemon23.png
diff --git a/박수민/week2/과제_2/images/images/pokemon24.png b/박수민/week2/과제_2/images/images/pokemon24.png
diff --git a/박수민/week2/과제_2/images/images/pokemon25.png b/박수민/week2/과제_2/images/images/pokemon25.png
diff --git a/박수민/week2/과제_2/images/images/pokemon26.png b/박수민/week2/과제_2/images/images/pokemon26.png
diff --git a/박수민/week2/과제_2/images/images/pokemon27.png b/박수민/week2/과제_2/images/images/pokemon27.png
diff --git a/박수민/week2/과제_2/images/images/pokemon28.png b/박수민/week2/과제_2/images/images/pokemon28.png
diff --git a/박수민/week2/과제_2/images/images/pokemon29.png b/박수민/week2/과제_2/images/images/pokemon29.png
diff --git a/박수민/week2/과제_2/images/images/pokemon3.png b/박수민/week2/과제_2/images/images/pokemon3.png
diff --git a/박수민/week2/과제_2/images/images/pokemon30.png b/박수민/week2/과제_2/images/images/pokemon30.png
diff --git a/박수민/week2/과제_2/images/images/pokemon31.png b/박수민/week2/과제_2/images/images/pokemon31.png
diff --git a/박수민/week2/과제_2/images/images/pokemon32.png b/박수민/week2/과제_2/images/images/pokemon32.png
diff --git a/박수민/week2/과제_2/images/images/pokemon4.png b/박수민/week2/과제_2/images/images/pokemon4.png
diff --git a/박수민/week2/과제_2/images/images/pokemon5.png b/박수민/week2/과제_2/images/images/pokemon5.png
diff --git a/박수민/week2/과제_2/images/images/pokemon6.png b/박수민/week2/과제_2/images/images/pokemon6.png
diff --git a/박수민/week2/과제_2/images/images/pokemon7.png b/박수민/week2/과제_2/images/images/pokemon7.png
diff --git a/박수민/week2/과제_2/images/images/pokemon8.png b/박수민/week2/과제_2/images/images/pokemon8.png
diff --git a/박수민/week2/과제_2/images/images/pokemon9.png b/박수민/week2/과제_2/images/images/pokemon9.png