From 2ce7408f40ec569467d5a0682e6f5bb1252a670f Mon Sep 17 00:00:00 2001 From: ctaaag Date: Wed, 10 May 2023 17:42:59 +0900 Subject: [PATCH 1/8] =?UTF-8?q?feat:=201=EC=B0=A8=20=EA=B3=BC=EC=A0=9C=20?= =?UTF-8?q?=EC=99=84=EB=A3=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Button.jsx | 8 ++++++++ src/ClickMe.jsx | 10 ++++++++++ src/index.jsx | 26 ++++++++++++++++++++++++++ 3 files changed, 44 insertions(+) create mode 100644 src/Button.jsx create mode 100644 src/ClickMe.jsx diff --git a/src/Button.jsx b/src/Button.jsx new file mode 100644 index 000000000..980b8a424 --- /dev/null +++ b/src/Button.jsx @@ -0,0 +1,8 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; + +export default function Button({ handlerClickButton }) { + return [1, 2, 3, 4, 5].map((i) => ( + + )); +} diff --git a/src/ClickMe.jsx b/src/ClickMe.jsx new file mode 100644 index 000000000..b980a12c6 --- /dev/null +++ b/src/ClickMe.jsx @@ -0,0 +1,10 @@ +import React from 'react'; +import ReactDOM from 'react-dom'; + +export default function ClickMe({ counterNumber, handlerClickButton }) { + return ( + + ); +} diff --git a/src/index.jsx b/src/index.jsx index e69de29bb..368f2c9a4 100644 --- a/src/index.jsx +++ b/src/index.jsx @@ -0,0 +1,26 @@ +import React, { useState } from 'react'; +import ReactDOM from 'react-dom'; +import ClickMe from './ClickMe.jsx'; +import Button from './Button.jsx'; + +function App() { + const [counterNumber, setCounterNumber] = useState(0); + + function handlerClickButton({ number }) { + setCounterNumber(counterNumber + number); + } + + return ( +
+

Counter

+ +
+
+ ); +} + +ReactDOM.render(, document.getElementById('app')); From 25da46256b68bfd9464a3c1168ef8bdf0dc80640 Mon Sep 17 00:00:00 2001 From: ctaaag Date: Wed, 10 May 2023 17:56:59 +0900 Subject: [PATCH 2/8] =?UTF-8?q?fix:=20=EB=A6=B0=ED=8A=B8=20=EC=97=90?= =?UTF-8?q?=EB=9F=AC=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/Button.jsx | 5 +++-- src/ClickMe.jsx | 3 +-- src/index.jsx | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/Button.jsx b/src/Button.jsx index 980b8a424..25d5b05e6 100644 --- a/src/Button.jsx +++ b/src/Button.jsx @@ -1,8 +1,9 @@ import React from 'react'; -import ReactDOM from 'react-dom'; export default function Button({ handlerClickButton }) { return [1, 2, 3, 4, 5].map((i) => ( - + )); } diff --git a/src/ClickMe.jsx b/src/ClickMe.jsx index b980a12c6..5adc18fd5 100644 --- a/src/ClickMe.jsx +++ b/src/ClickMe.jsx @@ -1,9 +1,8 @@ import React from 'react'; -import ReactDOM from 'react-dom'; export default function ClickMe({ counterNumber, handlerClickButton }) { return ( - ); diff --git a/src/index.jsx b/src/index.jsx index 368f2c9a4..7b2bf979f 100644 --- a/src/index.jsx +++ b/src/index.jsx @@ -1,11 +1,11 @@ -import React, { useState } from 'react'; +import React from 'react'; +import { useState } from 'react'; import ReactDOM from 'react-dom'; import ClickMe from './ClickMe.jsx'; import Button from './Button.jsx'; function App() { const [counterNumber, setCounterNumber] = useState(0); - function handlerClickButton({ number }) { setCounterNumber(counterNumber + number); } From 7423a20708b9700ab271c9af84980106f5020d79 Mon Sep 17 00:00:00 2001 From: ctaaag Date: Wed, 10 May 2023 18:03:24 +0900 Subject: [PATCH 3/8] =?UTF-8?q?fix=20:=20App,=20index=20=ED=8C=8C=EC=9D=BC?= =?UTF-8?q?=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.jsx | 24 ++++++++++++++++++++++++ src/index.jsx | 23 +---------------------- 2 files changed, 25 insertions(+), 22 deletions(-) create mode 100644 src/App.jsx diff --git a/src/App.jsx b/src/App.jsx new file mode 100644 index 000000000..d33716aaf --- /dev/null +++ b/src/App.jsx @@ -0,0 +1,24 @@ +import React from 'react'; +import { useState } from 'react'; +import ClickMe from './ClickMe.jsx'; +import Button from './Button.jsx'; + +export default function App() { + const [counterNumber, setCounterNumber] = useState(0); + + function handlerClickButton({ number }) { + setCounterNumber(counterNumber + number); + } + + return ( +
+

Counter

+ +
+
+ ); +} diff --git a/src/index.jsx b/src/index.jsx index 7b2bf979f..a22f17594 100644 --- a/src/index.jsx +++ b/src/index.jsx @@ -1,26 +1,5 @@ import React from 'react'; -import { useState } from 'react'; import ReactDOM from 'react-dom'; -import ClickMe from './ClickMe.jsx'; -import Button from './Button.jsx'; - -function App() { - const [counterNumber, setCounterNumber] = useState(0); - function handlerClickButton({ number }) { - setCounterNumber(counterNumber + number); - } - - return ( -
-

Counter

- -
-
- ); -} +import App from './App'; ReactDOM.render(, document.getElementById('app')); From ea128622deca92fe47c60141b720e7a2fe6fe022 Mon Sep 17 00:00:00 2001 From: ctaaag Date: Wed, 10 May 2023 18:04:27 +0900 Subject: [PATCH 4/8] =?UTF-8?q?fix:=20components=20=ED=8F=B4=EB=8D=94=20?= =?UTF-8?q?=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.jsx | 4 ++-- src/{ => components}/Button.jsx | 0 src/{ => components}/ClickMe.jsx | 0 3 files changed, 2 insertions(+), 2 deletions(-) rename src/{ => components}/Button.jsx (100%) rename src/{ => components}/ClickMe.jsx (100%) diff --git a/src/App.jsx b/src/App.jsx index d33716aaf..e9c7ce3c6 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,7 +1,7 @@ import React from 'react'; import { useState } from 'react'; -import ClickMe from './ClickMe.jsx'; -import Button from './Button.jsx'; +import ClickMe from './components/ClickMe.jsx'; +import Button from './components/Button.jsx'; export default function App() { const [counterNumber, setCounterNumber] = useState(0); diff --git a/src/Button.jsx b/src/components/Button.jsx similarity index 100% rename from src/Button.jsx rename to src/components/Button.jsx diff --git a/src/ClickMe.jsx b/src/components/ClickMe.jsx similarity index 100% rename from src/ClickMe.jsx rename to src/components/ClickMe.jsx From c246ad8a481123d8dff32b88f4aed652d9c717cc Mon Sep 17 00:00:00 2001 From: ctaaag Date: Thu, 11 May 2023 15:34:00 +0900 Subject: [PATCH 5/8] =?UTF-8?q?fix:=EB=A6=B0=ED=8A=B8=EC=97=90=EB=9F=AC=20?= =?UTF-8?q?=EB=B0=8F=20=EC=BB=B4=ED=8F=AC=EB=84=8C=ED=8A=B8=EB=AA=85=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .eslintrc.js | 12 ++++-------- src/App.jsx | 11 +++++------ src/components/{ClickMe.jsx => ClickMeButton.jsx} | 2 +- src/components/{Button.jsx => NumberButtons.jsx} | 2 +- 4 files changed, 11 insertions(+), 16 deletions(-) rename src/components/{ClickMe.jsx => ClickMeButton.jsx} (68%) rename src/components/{Button.jsx => NumberButtons.jsx} (73%) diff --git a/.eslintrc.js b/.eslintrc.js index 9f325a7d2..13260b501 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -3,10 +3,7 @@ module.exports = { browser: true, es2021: true, }, - extends: [ - 'plugin:react/recommended', - 'airbnb', - ], + extends: ['plugin:react/recommended', 'airbnb'], parserOptions: { ecmaFeatures: { jsx: true, @@ -14,9 +11,7 @@ module.exports = { ecmaVersion: 12, sourceType: 'module', }, - plugins: [ - 'react', - ], + plugins: ['react'], globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly', @@ -45,8 +40,9 @@ module.exports = { 'object-curly-spacing': ['error', 'always'], 'key-spacing': ['error', { mode: 'strict' }], 'arrow-spacing': ['error', { before: true, after: true }], - 'react/prop-types': 'off', 'react/react-in-jsx-scope': 'off', + 'import/extensions': 'off', + 'import/no-unresolved': 'off', }, }; diff --git a/src/App.jsx b/src/App.jsx index e9c7ce3c6..fa555f79b 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,7 +1,6 @@ -import React from 'react'; -import { useState } from 'react'; -import ClickMe from './components/ClickMe.jsx'; -import Button from './components/Button.jsx'; +import React, { useState } from 'react'; +import ClickMeButton from './components/ClickMeButton.jsx'; +import NumberButtons from './components/NumberButtons.jsx'; export default function App() { const [counterNumber, setCounterNumber] = useState(0); @@ -13,12 +12,12 @@ export default function App() { return (

Counter

-
-
); } diff --git a/src/components/ClickMe.jsx b/src/components/ClickMeButton.jsx similarity index 68% rename from src/components/ClickMe.jsx rename to src/components/ClickMeButton.jsx index 5adc18fd5..630be800c 100644 --- a/src/components/ClickMe.jsx +++ b/src/components/ClickMeButton.jsx @@ -1,6 +1,6 @@ import React from 'react'; -export default function ClickMe({ counterNumber, handlerClickButton }) { +export default function ClickMeButton({ counterNumber, handlerClickButton }) { return ( ); } From db9870ed2935248771717948b0a8fb812d3aede1 Mon Sep 17 00:00:00 2001 From: ctaaag Date: Sat, 13 May 2023 16:08:50 +0900 Subject: [PATCH 7/8] =?UTF-8?q?fix:=20=EB=8D=94=ED=95=A0=20=EC=88=AB?= =?UTF-8?q?=EC=9E=90=20=EC=99=B8=EB=B6=80=20=EB=B3=80=EC=88=98=EB=A1=9C=20?= =?UTF-8?q?=EC=A3=BC=EC=9E=85=20=EB=B0=8F=20props=EB=A1=9C=20=EB=84=98?= =?UTF-8?q?=EA=B8=B8=20=ED=95=B8=EB=93=A4=EB=9F=AC=ED=95=A8=EC=88=98?= =?UTF-8?q?=EB=AA=85=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.jsx | 9 +++++---- src/components/ClickMeButton.jsx | 12 +++++++----- 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index fa555f79b..106860cab 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,6 +1,6 @@ import React, { useState } from 'react'; -import ClickMeButton from './components/ClickMeButton.jsx'; -import NumberButtons from './components/NumberButtons.jsx'; +import ClickMeButton from './components/ClickMeButton'; +import NumberButtons from './components/NumberButtons'; export default function App() { const [counterNumber, setCounterNumber] = useState(0); @@ -14,10 +14,11 @@ export default function App() {

Counter


- + ); } diff --git a/src/components/ClickMeButton.jsx b/src/components/ClickMeButton.jsx index 1258fb185..60f25c8cc 100644 --- a/src/components/ClickMeButton.jsx +++ b/src/components/ClickMeButton.jsx @@ -1,11 +1,13 @@ import React from 'react'; -export default function ClickMeButton({ counterNumber, handlerClickButton }) { +export default function ClickMeButton({ + counterNumber, + onClick, + whatNumberToAdd, +}) { return ( - ); } From a378bf58126dbd33def304cf832815330ee850b3 Mon Sep 17 00:00:00 2001 From: ctaaag Date: Sun, 14 May 2023 19:28:55 +0900 Subject: [PATCH 8/8] =?UTF-8?q?fix:=20number=20=EC=86=8D=EC=84=B1=20?= =?UTF-8?q?=EC=9D=B4=EB=A6=84=20=EC=B6=94=EC=83=81=ED=99=94=20=EB=B0=98?= =?UTF-8?q?=EC=98=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.jsx | 2 +- src/components/ClickMeButton.jsx | 8 ++------ 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 106860cab..7a46c5628 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -15,7 +15,7 @@ export default function App() {
diff --git a/src/components/ClickMeButton.jsx b/src/components/ClickMeButton.jsx index 60f25c8cc..8b556d322 100644 --- a/src/components/ClickMeButton.jsx +++ b/src/components/ClickMeButton.jsx @@ -1,12 +1,8 @@ import React from 'react'; -export default function ClickMeButton({ - counterNumber, - onClick, - whatNumberToAdd, -}) { +export default function ClickMeButton({ counterNumber, onClick, number }) { return ( - );