diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000000..6682b83093
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,26 @@
+module.exports = {
+ env: {
+ browser: true,
+ es2021: true,
+ es6: true,
+ node: true,
+ },
+ extends: ['tui', 'prettier'],
+ parserOptions: {
+ sourceType: 'module',
+ /** spread eslint error - 최신버젼의 ecmaVersion*/
+ ecmaVersion: 'latest',
+ },
+ rules: {
+ 'no-var': 'error',
+ 'max-depth': ['error', 2],
+ 'max-lines-per-function': ['error', 15],
+ 'no-console': 'warn',
+ 'no-param-reassign': 'error',
+ 'padding-line-between-statements': 0,
+ 'newline-before-return': 0,
+ 'no-undefined': 0,
+ 'no-constant-condition': 0,
+ 'no-unused-private-class-members': 0,
+ },
+};
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 0000000000..7c8d0ba2f0
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,19 @@
+// NHN convention
+module.exports = {
+ singleQuote: true,
+ printWidth: 100,
+ tabWidth: 2,
+ useTabs: false,
+ semi: true,
+ quoteProps: 'as-needed',
+ jsxSingleQuote: false,
+ trailingComma: 'es5',
+ arrowParens: 'always',
+ endOfLine: 'lf',
+ bracketSpacing: true,
+ jsxBracketSameLine: false,
+ requirePragma: false,
+ insertPragma: false,
+ proseWrap: 'preserve',
+ vueIndentScriptAndStyle: false,
+};
diff --git a/docs/todo.md b/docs/todo.md
new file mode 100644
index 0000000000..b3f3764c5c
--- /dev/null
+++ b/docs/todo.md
@@ -0,0 +1,21 @@
+## 투두 리스트
+
+
+
+**로또 모델**
+
+- [✅] 로또 모델에 숫자 배열을 인자로 넣어서 인스턴스를 생성할 수 있다.
+- [✅] 로또 모델의 배열에 들어갈 값은 1이상 45이하의 숫자여야 한다.
+- [✅] 로또 모델에 들어갈 배열의 길이는 6이어야 한다.
+- [✅] 로또 모델의 번호와 당첨 번호를 비교하여 등수를 반환할 수 있어야 한다.
+
+**로또 게임 모델**
+
+- [✅] 로또 게임 모델에 금액이 정상적으로 입력되면, 구매할 수 있는 로또의 수를 반환할 수 있어야 한다.
+- [✅] 금액은 1000이상의 숫자여야한다.
+- [✅] 로또 번호 배열들을 입력하여 로또 모델을 생성하고 관리할 수 있어야 한다.
diff --git a/index.html b/index.html
index 6b7c4f4e23..295fc452b2 100644
--- a/index.html
+++ b/index.html
@@ -1,17 +1,65 @@
+
+
+ 🎱 행운의 로또
+
+
-
-
- 🎱 행운의 로또
-
-
+
+
+
+
-
-
-
🎱 행운의 로또
-
-
-
+
+
+
+ 🎟️
+ ${lottoNumbers.join(', ')}
+
`;
+ }
+
+ renderAlignState(visibleState) {
+ this.$lottoContainer.setAttribute('data-visible-state', visibleState);
+ }
+}
+export default LottoGameView;
diff --git a/webpack.config.js b/webpack.config.js
index 9a704e56c7..0fe7e7cb9b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,20 +1,20 @@
-const path = require("path");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
- mode: "development",
- entry: "./src/index.js",
+ mode: 'development',
+ entry: './src/index.js',
resolve: {
- extensions: [".js", ".css"],
+ extensions: ['.js', '.css'],
},
devServer: {
port: 9000,
},
- devtool: "source-map",
+ devtool: 'source-map',
output: {
- filename: "bundle.js",
- path: path.resolve(__dirname, "dist"),
+ filename: 'bundle.js',
+ path: path.resolve(__dirname, 'dist'),
},
module: {
rules: [
@@ -23,23 +23,23 @@ module.exports = {
exclude: /node_modules/,
use: [
{
- loader: "babel-loader",
+ loader: 'babel-loader',
options: {
- presets: ["@babel/preset-env"],
+ presets: ['@babel/preset-env'],
},
},
],
},
{
test: /\.css$/,
- use: ["style-loader", "css-loader"],
+ use: ['style-loader', 'css-loader'],
},
],
},
plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
- template: "./index.html",
+ template: './index.html',
}),
],
};