refactor: 소스코드 임포트 순서 & 변수 선언 순서 수정

되도록 지켜 주세용

src/components/floor-plan/CanvasMenu.jsx

@@ -1,10 +1,13 @@
 'use client'
 
 import { useEffect, useState } from 'react'
+
+import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'
+
 import MenuDepth01 from './MenuDepth01'
 import QSelectBox from '@/components/common/select/QSelectBox'
+
 import { useMessage } from '@/hooks/useMessage'
-import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'
 import { canvasState, canvasZoomState, currentMenuState, verticalHorizontalModeState } from '@/store/canvasAtom'
 import { outerLinePointsState } from '@/store/outerLineAtom'
 import { appMessageStore, globalLocaleStore } from '@/store/localeAtom'
@@ -15,16 +18,20 @@ import JA from '@/locales/ja.json'
 
 export default function CanvasMenu(props) {
   const { setShowCanvasSettingModal, showOutlineModal, setShowOutlineModal } = props
+
   const [menuNumber, setMenuNumber] = useState(null)
-  const [verticalHorizontalMode, setVerticalHorizontalMode] = useRecoilState(verticalHorizontalModeState)
   const [type, setType] = useState('')
-  const { getMessage } = useMessage()
-  const canvasZoom = useRecoilValue(canvasZoomState)
-  const canvas = useRecoilValue(canvasState)
+
+  const [verticalHorizontalMode, setVerticalHorizontalMode] = useRecoilState(verticalHorizontalModeState)
+  const [appMessageState, setAppMessageState] = useRecoilState(appMessageStore)
   const setCurrentMenu = useSetRecoilState(currentMenuState)
   const setPoints = useSetRecoilState(outerLinePointsState)
+
+  const canvasZoom = useRecoilValue(canvasZoomState)
   const globalLocale = useRecoilValue(globalLocaleStore)
-  const [appMessageState, setAppMessageState] = useRecoilState(appMessageStore)
+  const canvas = useRecoilValue(canvasState)
+
+  const { getMessage } = useMessage()
 
   const SelectOption = [{ name: '瓦53A' }, { name: '瓦53A' }]
   const onClickNav = (number) => {
@@ -38,14 +45,6 @@ export default function CanvasMenu(props) {
     type,
   }
 
-  useEffect(() => {
-    if (globalLocale === 'ko') {
-      setAppMessageState(KO)
-    } else {
-      setAppMessageState(JA)
-    }
-  }, [menuNumber, type, globalLocale])
-
   // 저장버튼(btn08) 클릭 시 호출되는 함수
   const handleSaveSettings = async () => {}
 
@@ -54,6 +53,16 @@ export default function CanvasMenu(props) {
     canvas?.clear()
   }
 
+  useEffect(() => {}, [])
+
+  useEffect(() => {
+    if (globalLocale === 'ko') {
+      setAppMessageState(KO)
+    } else {
+      setAppMessageState(JA)
+    }
+  }, [menuNumber, type, globalLocale])
+
   return (
     <div className={`canvas-menu-wrap ${menuNumber === 2 || menuNumber === 3 || menuNumber === 4 ? 'active' : ''}`}>
       <div className="canvas-menu-inner">