diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 00000000..5aa1f202
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,22 @@
+module.exports = {
+ "env": {
+ "browser": true,
+ "es2021": true
+ },
+ "extends": [
+ "eslint:recommended",
+ "plugin:@typescript-eslint/recommended",
+ "plugin:react/recommended"
+ ],
+ "parser": "@typescript-eslint/parser",
+ "parserOptions": {
+ "ecmaVersion": "latest",
+ "sourceType": "module"
+ },
+ "plugins": [
+ "@typescript-eslint",
+ "react"
+ ],
+ "rules": {
+ }
+}
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..2e034950
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,5 @@
+{
+ "singleQuote": true,
+ "semi": true,
+ "tabWidth": 2
+}
diff --git a/README.md b/README.md
index c81804bf..64fa1b14 100644
--- a/README.md
+++ b/README.md
@@ -1,1319 +1,86 @@
-# π€ κ±°λ API νμ©, ν νλ‘μ νΈ
+![header](https://capsule-render.vercel.app/api?type=waving&color=gradient&height=200§ion=header&text=OP-AL&fontSize=50)
-μ£Όμ΄μ§ APIλ₯Ό λΆμν΄ μ΄λ€ νλ‘μ νΈλ₯Ό μ§ν/μμ±ν κ²μΈμ§ ν λ¨μλ‘ μμ λ‘κ² κ²°μ νκ³ λ§λ€μ΄λ³΄μΈμ.
-TypeScriptλ₯Ό νμλ‘ μ¬μ©ν΄μΌ ν©λλ€.
-κ³Όμ μν λ° λ¦¬λ·° κΈ°κ°μ λ³λ 곡μ§λ₯Ό μ°Έκ³ νμΈμ!
+
-## κ³Όμ μν λ° μ μΆ λ°©λ²
+## π νλ‘μ νΈ μκ°
-```
-KDTκΈ°μλ²νΈ_μ΄λ¦
+# OP-AL
-E.g, KDT0_ParkYoungWoong
-```
+> **O**ld **P**eople with **A**ctive **L**ife
-1. νμ¬ μ μ₯μλ₯Ό λ‘컬μ ν΄λ‘ (Clone)ν©λλ€.
-1. μμ μ λ³Έλͺ
μΌλ‘ λΈλμΉλ₯Ό μμ±ν©λλ€.(κ΅¬λΆ κ°λ₯νλλ‘ λ³Έλͺ
μ κΌ νμ€μΉΌμΌμ΄μ€λ‘ νμνμΈμ, `git branch KDTX_ParkYoungWoong`)
-1. μμ μ λ³Έλͺ
λΈλμΉμμ κ³Όμ λ₯Ό μνν©λλ€.
-1. κ³Όμ μνμ΄ μλ£λλ©΄, μμ μ λ³Έλͺ
λΈλμΉλ₯Ό μ격 μ μ₯μμ νΈμ(Push)ν©λλ€.(`main` λΈλμΉμ νΈμνμ§ μλλ‘ κΌ μ£ΌμνμΈμ, `git push origin KDTX_ParkYoungWoong`)
-1. μ μ₯μμμ `main` λΈλμΉλ₯Ό λμμΌλ‘ Pull Request μμ±νλ©΄, κ³Όμ μ μΆμ΄ μλ£λ©λλ€!(E.g, `main` <== `KDTX_ParkYoungWoong`)
+> μΈμμ μ 2λ§μ μμν 5060μΈλμ μ¬κ° λ° κ±΄κ° νλμ μν 곡κ°μ λμ¬νκ³ , μκ°νλ κ³΅κ° λμ¬ νλ«νΌ
-- `main` νΉμ λ€λ₯Έ μ¬λμ λΈλμΉλ‘ μ λ λ³ν©νμ§ μλλ‘ μ£ΌμνμΈμ!
-- Pull Requestμμ 보μ΄λ μ€λͺ
μ λ€λ₯Έ μ¬λλ€μ΄ μ΄ν΄νκΈ° μ½λλ‘ κΌΌκΌΌνκ² μμ±νμΈμ!
-- Pull Requestμμ κ³Όμ μ μΆ ν μ λ λ³ν©(Merge)νμ§ μλλ‘ μ£ΌμνμΈμ!
-- κ³Όμ μν λ° μ μΆ κ³Όμ μμ λ¬Έμ κ° λ°μν κ²½μ°, λ°λ‘ λ΄λΉ λ©ν λ κ°μ¬μμ μκΈ°νμΈμ!
+
-## API μ¬μ©λ²
+## π λ°°ν¬
-λͺ¨λ API μμ²(Request) `headers`μ μλ μ λ³΄κ° κΌ ν¬ν¨λΌμΌ ν©λλ€!
-`username`μ `KDT5_TeamX`μ κ°μ΄ λ³Έλͺ
νΉμ ν μ΄λ¦μ ν¬ν¨ν΄μΌ ν©λλ€!
-νμΈν μ μλ μ¬μ©μλ νμ DB μ 보λ μμλ‘ μμ λ μ μμ΅λλ€!
+**[OP-AL](https://zippy-sable-b21ba3.netlify.app/)** β ν΄λ¦ μ μ΄λ β
-```json
-{
- "content-type": "application/json",
- "apikey": "KDT5_nREmPe9B",
- "username": "KDT5_TeamX"
-}
-```
+
-
+ μ£μ‘ν©λλ€, νμ΄μ§λ₯Ό μ°Ύμ μ μμ΅λλ€. +
+ +νν°λ£Έ
+μΈλ―Έλμ€
+촬μμ€νλμ€
+μ°μ΅μ€
+λΌμ΄λΈλ°©μ‘
+곡μ©μ£Όλ°©
+μ΄λμμ€
+λ νμ€νλμ€
+κ°μμ€
+μΉ΄ν
+곡μ°μ₯
+μ μ
++ μ·¨μ μμ²μ μνΈ ν©μμ λ°λΌ μ²λ¦¬λ μ μμ΅λλ€ +
++ κ±°λ μ·¨μ μ, νλΆ μ¬λΆμ νλΆ κ·μ μ κ°λ³ κ±°λμ + λ°λΌ λ¬λΌμ§ μ μμ΅λλ€ +
++ μλλ°©μ λΆμ μ ν νλ, λΆμ΄μ΅ λ±μ΄ μ·¨μ μ¬μ λ‘ + μΈμ λ κ²½μ°, νλΆ λ° κΈ°ν μ‘°μΉμ λν κ²°μ μ + ν©λ¦¬μ μΈ νλ¨μ λ°λΌ μ΄λ£¨μ΄μ§ μ μμ΅λλ€ +
+
+ {product.description.split('
')[0]}
+
{productAddress[i]}
+ ))} +
+ {item}
+
+ {item}
+
μ νν μ΅μ μ΄ λ§λμ§ νμΈν΄ μ£ΌμΈμ
+ + } + bordered={false} + headStyle={{ height: '230px' }} + bodyStyle={{ height: '450px' }} + > + +