DO-SOPT-WEB · rachel5640 · Oct 27, 2023 · Oct 27, 2023 · Oct 27, 2023 · Oct 27, 2023
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
diff --git a/node_modules 2/.yarn-integrity b/node_modules 2/.yarn-integrity
@@ -0,0 +1,10 @@
+{
+  "systemParams": "darwin-x64-108",
+  "modulesFolders": [],
+  "flags": [],
+  "linkedModules": [],
+  "topLevelPatterns": [],
+  "lockfileEntries": {},
+  "files": [],
+  "artifacts": {}
+}
diff --git a/think.md b/think.md
@@ -1,43 +0,0 @@
-## 명령형 프로그래밍과 선언형 프로그래밍은 무엇일까?
-
-명령형 프로그래밍은 ‘어떻게’에 초점을 맞춘 프로그래밍으로 **무언가를 작업하기 위한 방법을 정의한다.**
-
-- 제어 흐름을 명시적으로 지정하지 않고 프로그램이 수행하는 작업을 설명한다.
-- 제어흐름을 설명하지 않고 **계산 논리를 표현**한다.
-
-선언형 프로그래밍은 ‘무엇을’에 초점을 맞춘 프로그래밍으로 무언가를 작업하기 위해 어떻게 진행할 것인지를 나열한다. 많은 선언적 접근 방식들의 기반에는 ‘명령적 추상화’가 존재한다.
-
-- 프로그램의 상태를 변경하는 각 명령(또는 명령문)을 단계별로 명시적으로 지정하여 프로그램이 어떤 작업을 수행해야 하는지 설명한다.
-- 프로그램의 **단계별 상태를 변경하는 명령문**을 사용한다.
-
-## 각각의 방식을 따르는 언어는 무엇이 있을까?
-
-| 명령형 프로그래밍                   | 선언형 프로그래밍                |
-| ----------------------------------- | -------------------------------- |
-| C, C++, JAVA Javascript, C#, Python | SQL, HTML Javascript, C#, Python |
-
-**javascript는 명령형 프로그래밍과 선언형 프로그래밍 두 가지 방법 모두 사용할 수 있다.**
-
-```jsx
-function add(arr) {
-  let result = 0;
-  for (let i = 0; i < arr.length; i++) {
-    result += arr[i];
-  }
-  return result;
-} //명령형
-```
-
-```jsx
-function add(arr) {
-  return arr.reduce((prev, current) => prev + current, 0);
-} //선언형
-```
-
-## 각각의 방식은 어떤 상황/유형에 쓰는 것이 적합할까?
-
-명령형은 아래로 흐르듯이 순차적으로 처리가 이루어지며, 프로그램 전체가 유기적으로 연결되기 때문에 실행속도가 빠르다.
-
-## JavaScript 에서는 어떤 방식을 선택하는 것이 좋을까?
-
-선언형 프로그래밍은 소스코드의 가독성과 안전성을 높인다. 그렇기 때문에 유지보수하기에도,재사용하기에도 매우 유리하다. **대부분의 선언적 접근 방식에는 일종의 기본 명령형 추상화 계층이 있다. 선언형과 명령형 프로그래밍을 모두 사용할 수 있는** Javascript의 함수형 프로그래밍 기술에 익숙해진다면 코드가 훨씬 개선될 것이다.

diff --git a/week3/index.html b/week3/index.html
diff --git a/week3_assign/.eslintrc.cjs b/week3_assign/.eslintrc.cjs
@@ -0,0 +1,24 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
+  ],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["react-refresh"],
+  extends: ["eslint:recommended", "plugin:react/recommended"],
+  rules: {
+    "react/prop-types": "off",
+  },
+  // rules: {
+  //   'react-refresh/only-export-components': [
+  //     'warn',
+  //     { allowConstantExport: true },
+  //   ],
+  // },
+};
diff --git a/week3_assign/.gitignore b/week3_assign/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/week3_assign/README.md b/week3_assign/README.md
@@ -0,0 +1,8 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
diff --git a/week3_assign/font/SpoqaHanSansNeo-Bold.woff b/week3_assign/font/SpoqaHanSansNeo-Bold.woff
diff --git a/week3_assign/font/SpoqaHanSansNeo-Bold.woff2 b/week3_assign/font/SpoqaHanSansNeo-Bold.woff2
diff --git a/week3_assign/font/SpoqaHanSansNeo-Light.woff b/week3_assign/font/SpoqaHanSansNeo-Light.woff
diff --git a/week3_assign/font/SpoqaHanSansNeo-Light.woff2 b/week3_assign/font/SpoqaHanSansNeo-Light.woff2
diff --git a/week3_assign/font/SpoqaHanSansNeo-Medium.woff b/week3_assign/font/SpoqaHanSansNeo-Medium.woff
diff --git a/week3_assign/font/SpoqaHanSansNeo-Medium.woff2 b/week3_assign/font/SpoqaHanSansNeo-Medium.woff2
diff --git a/week3_assign/font/SpoqaHanSansNeo-Regular.woff b/week3_assign/font/SpoqaHanSansNeo-Regular.woff
diff --git a/week3_assign/font/SpoqaHanSansNeo-Regular.woff2 b/week3_assign/font/SpoqaHanSansNeo-Regular.woff2
diff --git a/week3_assign/font/SpoqaHanSansNeo-Thin.woff b/week3_assign/font/SpoqaHanSansNeo-Thin.woff
diff --git a/week3_assign/font/SpoqaHanSansNeo-Thin.woff2 b/week3_assign/font/SpoqaHanSansNeo-Thin.woff2
diff --git a/week3_assign/index.html b/week3_assign/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>오늘 뭐 보지</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>