woowacourse · uk960214 · Mar 12, 2024 · Feb 27, 2023 · Mar 5, 2024 · Mar 5, 2024
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,11 +1,88 @@
 {
-  "rules": {},
+  "rules": {
+    "import/extensions": ["off"],
+    "no-await-in-loop": "off",
+    "no-constant-condition": "off",
+    "max-lines-per-function": ["error", 10],
+    "max-depth": ["error", 1],
+    "no-console": "off",
+    "class-methods-use-this": "off",
+    "spaced-comment": "off",
+    "lines-between-class-members": [
+      "error",
+      "always",
+      { "exceptAfterSingleLine": true }
+    ],
+    "sort-imports": [
+      "error",
+      {
+        "ignoreCase": true,
+        "ignoreDeclarationSort": true,
+        "ignoreMemberSort": false,
+        "allowSeparatedGroups": true
+      }
+    ],
+    "import/order": [
+      "error",
+      {
+        "newlines-between": "always",
+        "groups": [
+          ["builtin", "external"],
+          "internal",
+          "parent",
+          "sibling",
+          "index"
+        ],
+        "pathGroups": [
+          {
+            "pattern": "next",
+            "group": "builtin"
+          },
+          {
+            "pattern": "react",
+            "group": "builtin"
+          },
+          {
+            "pattern": "@MyDesignSystem/**",
+            "group": "internal"
+          },
+          {
+            "pattern": "src/**",
+            "group": "internal"
+          }
+        ],
+        "pathGroupsExcludedImportTypes": ["src/**", "@MyDesignSystem/**"],
+        "alphabetize": {
+          "order": "asc",
+          "caseInsensitive": true
+        }
+      }
+    ]
+  },
   "env": {
-    "es6": true,
-    "node": true
+    "node": true,
+    "jest": true
   },
   "parserOptions": {
-    "ecmaVersion": "latest"
+    "ecmaVersion": 2023,
+    "sourceType": "module"
   },
-  "extends": ["eslint:recommended", "plugin:prettier/recommended"]
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint"],
+  "extends": [
+    "airbnb",
+    "airbnb/hooks",
+    "prettier",
+    "eslint:recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "settings": {
+    "import/parsers": {
+      "@typescript-eslint/parser": [".ts", ".tsx"]
+    },
+    "import/resolver": {
+      "typescript": {}
+    }
+  }
 }
diff --git a/README.md b/README.md
@@ -1,2 +1,21 @@
 # javascript-lunch
+
 우아한테크코스 레벨1 점심 뭐 먹지 미션
+
+### 1단계 - 기능 구현 목록
+
+    - [ ] 등록된 음식점 리스트를 확인할 수 있다.
+    - [ ] 음식점 리스트를 정렬 가능하다.
+      - [ ] 거리순
+      - [ ] 이름순
+    - [ ] 음식점을 카테고리로 필터링 할 수 있다.
+    - [ ] 새로운 음식점을 추가할 수 있다.
+      - [ ] 카테고리, 이름, 거리는 입력 필수
+        - [ ] 카테고리는 "한식", "중식", "일식", "아시안", "양식", "기타" 중 하나를 선택
+        - [ ] 거리는 캠퍼스로부터 도보로 걸리는 시간(분). 5, 10, 15, 20, 30 중 하나를 선택
+      - [ ] 설명, 참고 링크는 옵션
+      - [ ] 유효하지 않은 값 입력 시 텍스트 박스 하단에 에러 표시
+      - [ ] 새로고침해도 추가한 음식점 정보들이 유지해야한다.
+    - [ ] 기타 UX
+      - [ ] dimmer 클릭시 모달 닫힘
+      - [ ] 모바일 반응형으로 제작한다.
diff --git a/index.html b/index.html
@@ -1,15 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="ko">
-
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>점심 뭐 먹지</title>
-</head>
-
-<body>
-
-</body>
-
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>점심 뭐 먹지</title>
+  </head>
+
+  <body>
+    <script type="module" src="./src/index.js"></script>
+  </body>
 </html>