JS-GreenTea · MINJOO-KIM · Nov 24, 2020 · May 19, 2022 · May 22, 2022 · May 22, 2022
diff --git a/.eslintrc.yml b/.eslintrc.yml
@@ -0,0 +1,6 @@
+env:
+  browser: true
+  es6: true
+  node: true
+extends:
+  - airbnb
diff --git a/.prettierrc.yml b/.prettierrc.yml
@@ -0,0 +1,12 @@
+arrowParens: 'always'
+bracketSpacing: true
+jsxBracketSameLine: false
+jsxSingleQuote: false
+printWidth: 80
+proseWrap: 'always'
+quoteProps: 'as-needed'
+semi: true
+singleQuote: true
+tabWidth: 2
+trailingComma: 'es5'
+useTabs: false
diff --git a/docs/README.md b/docs/README.md
@@ -0,0 +1,25 @@
+<p align="middle" >
+  <img width="200px;" src="https://github.com/woowacourse/javascript-baseball-precourse/blob/main/images/baseball_icon.png?raw=true"/>
+</p>
+<h1 align="middle">숫자 야구 게임</h1>
+
+## 게임 설명
+
+1부터 9까지 서로 다른 수로 이루어진 3자리의 수를 맞추는 게임이다.
+
+## 기능 요구사항
+
+- [x] 1 ~ 9까지 서로 다른 임의의 수 3개를 랜덤으로 선택하여 정답으로 설정한다.
+- [x] 3자리의 수를 입력받는다.
+- 입력받은 수와 정답을 비교해서 힌트를 띄운다.
+  - [x] 숫자가 같은 위치에 있는 경우 `스트라이크` 힌트를 전달한다.
+  - [x] 숫자가 다른 위치에 있는 경우 `볼` 힌트를 전달한다.
+  - [x] 숫자가 존재하지 않는 경우 `낫싱` 힌트를 전달한다.
+  - [x] 힌트는 볼, 스트라이크 순서로 전달한다.
+  - [x] 힌트를 출력한다.
+- [x] 입력받은 수와 정답이 같으면 게임이 종료되고, 게임을 재시작할 수 있다.
+- [x] 잘못된 값을 입력한 경우, 에러 메시지가 뜨고 값을 재입력할 수 있다.
+  - [x] 수를 중복해서 입력한 경우
+  - [x] 입력한 수가 3자리가 아닌 경우
+  - [x] 숫자가 아닌 문자 등을 입력한 경우
+  - [x] 공백이 입력된 경우
diff --git a/index.html b/index.html
@@ -1,30 +1,27 @@
 <!DOCTYPE html>
 <html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <title>숫자 야구 게임</title>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <title>숫자 야구 게임</title>
-</head>
-
-<body>
-  <div id="app">
-    <h1>⚾ 숫자 야구 게임</h1>
-    <p>
-      <strong>1~9까지의 수</strong>를 중복없이
-      <strong>3개</strong> 입력해주세요. <br />
-      올바른 예) 139 <br />
-      틀린 예) 122
-    </p>
-    <form>
-      <input type="text" id="user-input" />
-      <button id="submit">확인</button>
-    </form>
-    <h3>📄 결과</h3>
-    <div id="result">1볼 1스트라이크</div>
-    <button id="game-restart-button">재시작</button>
-  </div>
-  <script src="https://cdn.jsdelivr.net/npm/@woowacourse/[email protected]/dist/mission-utils.min.js"></script>
-  <script type="module" src="src/index.js"></script>
-</body>
-
+  <body>
+    <div id="app">
+      <h1>⚾ 숫자 야구 게임</h1>
+      <p>
+        <strong>1~9까지의 수</strong>를 중복없이
+        <strong>3개</strong> 입력해주세요. <br />
+        올바른 예) 139 <br />
+        틀린 예) 122
+      </p>
+      <form>
+        <input type="text" id="user-input" />
+        <button id="submit">확인</button>
+      </form>
+      <h3>📄 결과</h3>
+      <div id="result"></div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/@woowacourse/[email protected]/dist/mission-utils.min.js"></script>
+    <script type="module" src="src/index.js"></script>
+  </body>
 </html>