Directory Structure
\n\n// before\nsetTimeout(() => {\n setIsLoading(true)\n}, 1500)\n\n// after\nconst LOADING_TIME: number = 1500\nsetTimeout(() => {\n setIsLoading(true)\n}, LOADING_TIME)export interface NavInterface {\n user: firebase.default.User | null\n}// before\nconst onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault()\n try {\n if (isSignUp) {\n await authService.createUserWithEmailAndPassword(email, password)\n } else {\n await authService.signInWithEmailAndPassword(email, password)\n }\n } catch (error) {\n const { message } = error\n setErrorMsg(message)\n }\n}\n\n// after\nconst signUp = () => authService.createUserWithEmailAndPassword(email, password)\n\nconst signIn = () => authService.signInWithEmailAndPassword(email, password)\n\nconst onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n event.preventDefault()\n try {\n await (isSignUp ? signUp() : signIn())\n } catch (error) {\n const { message } = error\n setErrorMsg(message)\n }\n}// before\n;<a href=\"someurl.com\">\n <Button color=\"primary\">맛집 보기</Button>\n</a>\n\n// after\nconst LIKELION_FOOD_URL = 'someurl.com'\n;<a target=\"_blank\" rel=\"noreferrer\" href={LIKELION_FOOD_URL}>\n <Button color=\"primary\">맛집 보기</Button>\n</a>// before\nif (currentQuizNum === 0) {\n leftButton.current.classList.add('slider__hide')\n} else if (currentQuizNum === maxQuizNum) {\n rightButton.current.classList.add('slider__hide')\n}\n\n// after\nlet modifingButton: React.MutableRefObject<any> | null = null\nif (currentQuizNum === 0) {\n modifingButton = leftButton\n} else if (currentQuizNum === maxQuizNum) {\n modifingButton = rightButton\n}\nmodifingButton?.current.classList.add('slider__hide')// before\nconst tempProgress: string[] = []\nfor (let i = 0; i <= maxQuizNum; i++) {\n const tempElement = `progress__element ${i === currentQuizNum &&\n 'progress__selected'}`\n tempProgress.push(tempElement)\n}\n\n// after\nconst tempProgress: string[] = Array(maxQuizNum + 1).fill('progress__element')\nfor (let i = 0; i <= maxQuizNum; i++) {\n if (i === currentQuizNum) {\n tempProgress[i] += ' progress__selected'\n }\n}// before\nconst tempProgress: string[] = Array(maxQuizNum + 1).fill(\"progress__element\");\nfor (let i = 0; i <= maxQuizNum; i++) {\n if (i === currentQuizNum) {\n tempProgress[i] += \" progress__selected\";\n }\n}\n\n// after\nconst PROGRESS_CN: string = \"progress__element\";\nconst SELECTED_PROGRESS_CN: string = \" progress__selected\";\n\n...\nconst tempProgress: string[] = Array(maxQuizNum + 1).fill(PROGRESS_CN);\n\nfor (let i = 0; i <= maxQuizNum; i++) {\n if (i === currentQuizNum) {\n tempProgress[i] += SELECTED_PROGRESS_CN;\n }\n}