From 89805f3f2f28cea33b222d09a495ac28be34c1ac Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Fri, 24 Jun 2022 16:37:08 +0900 Subject: [PATCH 1/8] =?UTF-8?q?refactor:=20atom.js=20=ED=8C=8C=EC=9D=BC=20?= =?UTF-8?q?=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 6148 -> 6148 bytes src/Loading.js | 2 +- src/SearchBox/components/SearchableList.js | 2 +- src/SearchResult/SearchResult.js | 2 +- src/atom.js | 20 +++++++++++++ src/index.js | 31 ++++----------------- 6 files changed, 29 insertions(+), 28 deletions(-) create mode 100644 src/atom.js diff --git a/.DS_Store b/.DS_Store index 54d714d756cb3f84b0ced43bd052ee55618c9597..d44848de8ec17a8d517c17724f0c2f0b6a26b103 100644 GIT binary patch delta 95 zcmZoMXfc=|#>B)qu~2NHo}wrZ0|Nsi1A_nqLp(z+Lq0`2NQ} z5ouZi2N)qkk67FgA0EvxEO5fk;-wWi?@!;W>u8S=ZX20 zFu{Yb$o2cT$E&}P`jY3>^}J3!I(^8>RBwvMW#5_eH{b8o{(5$24UfUn7>5Vi%wt>3 zs)kB+TL=f9L4lya#uVWFK~rOl1#^pL>!8kD0SF_SHb!HoX(dg1Bsp6P565S%rq-s$#&NktlR}*w$7aAsG5@b%jC`60gt1_5k!Hxk O4*?@X=z; - + , ); From bd6e0bd9fd6d633b14ce886d1d907cd895934043 Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Sun, 26 Jun 2022 17:43:41 +0900 Subject: [PATCH 2/8] =?UTF-8?q?refactor:=20=EC=83=81=ED=83=9C=20=EC=84=A0?= =?UTF-8?q?=EC=96=B8=20=EB=B0=A9=EC=8B=9D=20let=20->=20const=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/SearchBox/components/SearchableList.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/SearchBox/components/SearchableList.js b/src/SearchBox/components/SearchableList.js index 9c94a40..ced8bd8 100644 --- a/src/SearchBox/components/SearchableList.js +++ b/src/SearchBox/components/SearchableList.js @@ -77,7 +77,7 @@ const FileListContainer = styled.div` // `; export default function SearchableList() { - let [fileListHTML, changeState] = useState(''); + const [fileListHTML, setFileListHTML] = useState(''); const setSolutionInfo = useSetRecoilState(solutionState); const setLoadingState = useSetRecoilState(loadingState); const setSolutionNo = useSetRecoilState(solutionNoState); @@ -89,8 +89,8 @@ export default function SearchableList() { fileList[level] = await getFileList(level); delete fileList[level][0]; } - changeState( - (fileListHTML = POSSIBLE_LEVELS.map( + setFileListHTML( + POSSIBLE_LEVELS.map( level => `
    [level ${level}]
    @@ -103,7 +103,7 @@ export default function SearchableList() { ) .join('')}
`, - ).join('')), + ).join(''), ); setLoadingState(false); })(); From a561078971b769dfcc833cb7edbf4bf7b3123bc3 Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Mon, 27 Jun 2022 21:31:00 +0900 Subject: [PATCH 3/8] =?UTF-8?q?refactor:=20=EC=83=81=ED=83=9C=20=EC=84=A0?= =?UTF-8?q?=EC=96=B8=20=EB=B0=A9=EC=8B=9D=20let=20->=20const=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/SearchResult/SearchResult.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/SearchResult/SearchResult.js b/src/SearchResult/SearchResult.js index e7dba15..6f3e86e 100644 --- a/src/SearchResult/SearchResult.js +++ b/src/SearchResult/SearchResult.js @@ -134,7 +134,7 @@ export default function SearchResult() { const [{ fileName, solution }] = useRecoilState(solutionState); const solutionNo = useRecoilValue(solutionNoState); const setSolutionNo = useSetRecoilState(solutionNoState); - let [copyMessage, changeCopyMessage] = useState(); + const [copyMessage, changeCopyMessage] = useState(); const [prev, setPrev] = useState(false); const [next, setNext] = useState(false); @@ -146,9 +146,9 @@ export default function SearchResult() { function copyCode(e) { const src = e.target.previousElementSibling; copyText(src); - changeCopyMessage((copyMessage = ' 📋 클립보드에 복사됨!')); + changeCopyMessage(' 📋 클립보드에 복사됨!'); setTimeout(() => { - changeCopyMessage((copyMessage = '')); + changeCopyMessage(''); }, 1000); } From 0efdb02bf9d549c3456abaf8b7f9b0c9cbd0c6be Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Mon, 27 Jun 2022 21:39:14 +0900 Subject: [PATCH 4/8] =?UTF-8?q?refactor:=20=ED=95=84=EC=9A=94=20=EC=97=86?= =?UTF-8?q?=EB=8A=94=20import=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.js b/src/index.js index 3e359e0..9795e39 100644 --- a/src/index.js +++ b/src/index.js @@ -1,6 +1,6 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; -import { RecoilRoot, atom } from 'recoil'; +import { RecoilRoot } from 'recoil'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); From 45d1f90de419b08a0627e91199762b02a6cf1b8a Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Mon, 27 Jun 2022 21:57:26 +0900 Subject: [PATCH 5/8] =?UTF-8?q?refactor:=20=ED=95=84=EC=9A=94=20=EC=97=86?= =?UTF-8?q?=EB=8A=94=20import=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/SearchBox/components/SearchableList.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/SearchBox/components/SearchableList.js b/src/SearchBox/components/SearchableList.js index ced8bd8..5de6cd6 100644 --- a/src/SearchBox/components/SearchableList.js +++ b/src/SearchBox/components/SearchableList.js @@ -1,7 +1,7 @@ import { getFileContent, getFileList } from '../utils/api.js'; import { splitCodeToSolutions } from '../utils/format.js'; import { useState } from 'react'; -import { useRecoilValue, useSetRecoilState } from 'recoil'; +import { useSetRecoilState } from 'recoil'; import { solutionState, loadingState, solutionNoState } from '../../atom.js'; import styled from 'styled-components'; From 4ccc20231dbaa8f0dd3cf62c15988598286ee04c Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Mon, 27 Jun 2022 22:00:46 +0900 Subject: [PATCH 6/8] =?UTF-8?q?refactor:=20setter=20=ED=95=A8=EC=88=98=20?= =?UTF-8?q?=EB=AF=B8=20=EC=9D=B4=EC=9A=A9=EC=8B=9C=20useRecoilState=20?= =?UTF-8?q?=EB=8C=80=EC=8B=A0=20useRecoilValue=20=EC=82=AC=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/SearchResult/SearchResult.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/SearchResult/SearchResult.js b/src/SearchResult/SearchResult.js index 6f3e86e..a5e3574 100644 --- a/src/SearchResult/SearchResult.js +++ b/src/SearchResult/SearchResult.js @@ -131,7 +131,7 @@ const IsCopied = styled.div` `; export default function SearchResult() { - const [{ fileName, solution }] = useRecoilState(solutionState); + const { fileName, solution } = useRecoilValue(solutionState); const solutionNo = useRecoilValue(solutionNoState); const setSolutionNo = useSetRecoilState(solutionNoState); const [copyMessage, changeCopyMessage] = useState(); From eef4d5da1320464654049cc20fe081b378cd3784 Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Mon, 27 Jun 2022 22:01:41 +0900 Subject: [PATCH 7/8] =?UTF-8?q?refactor:=20=ED=95=84=EC=9A=94=20=EC=97=86?= =?UTF-8?q?=EB=8A=94=20import=20=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/SearchResult/SearchResult.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/SearchResult/SearchResult.js b/src/SearchResult/SearchResult.js index a5e3574..8973495 100644 --- a/src/SearchResult/SearchResult.js +++ b/src/SearchResult/SearchResult.js @@ -1,7 +1,7 @@ import { formattedFileName } from './utils/format.js'; import { copyText } from './utils/copyText.js'; import { useEffect, useState } from 'react'; -import { useRecoilState, useSetRecoilState, useRecoilValue } from 'recoil'; +import { useSetRecoilState, useRecoilValue } from 'recoil'; import { solutionState, solutionNoState } from '../atom.js'; import styled from 'styled-components'; From 99eef71b4ff822a1c1b6e4194cf9101c00d66b96 Mon Sep 17 00:00:00 2001 From: chaerin <70943835+chaerin-dev@users.noreply.github.com> Date: Mon, 27 Jun 2022 22:24:53 +0900 Subject: [PATCH 8/8] =?UTF-8?q?refactor:=20useRecoilValue=EC=99=80=20useSe?= =?UTF-8?q?tRecoilState=EB=A5=BC=20useRecoilState=EB=A1=9C=20=ED=95=A9?= =?UTF-8?q?=EC=B9=98=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/SearchResult/SearchResult.js | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/SearchResult/SearchResult.js b/src/SearchResult/SearchResult.js index 8973495..a6d064d 100644 --- a/src/SearchResult/SearchResult.js +++ b/src/SearchResult/SearchResult.js @@ -1,7 +1,7 @@ import { formattedFileName } from './utils/format.js'; import { copyText } from './utils/copyText.js'; import { useEffect, useState } from 'react'; -import { useSetRecoilState, useRecoilValue } from 'recoil'; +import { useRecoilState, useRecoilValue } from 'recoil'; import { solutionState, solutionNoState } from '../atom.js'; import styled from 'styled-components'; @@ -132,8 +132,7 @@ const IsCopied = styled.div` export default function SearchResult() { const { fileName, solution } = useRecoilValue(solutionState); - const solutionNo = useRecoilValue(solutionNoState); - const setSolutionNo = useSetRecoilState(solutionNoState); + const [solutionNo, setSolutionNo] = useRecoilState(solutionNoState); const [copyMessage, changeCopyMessage] = useState(); const [prev, setPrev] = useState(false); const [next, setNext] = useState(false); @@ -154,9 +153,9 @@ export default function SearchResult() { function showdifferentSolution(e) { if (e.target.innerHTML === '이전 해설' && solutionNo > 0) - setSolutionNo(no => no - 1); + setSolutionNo(solutionNo - 1); if (e.target.innerHTML === '다음 해설' && solutionNo < solution.length - 1) - setSolutionNo(no => no + 1); + setSolutionNo(solutionNo + 1); } return (