Merge pull request #5 from dragonsuperf/dev

chartsection의 useeffect 리팩터링
dragonsuperf · Apr 4, 2021 · 9490c90 · 9490c90
2 parents aeab221 + 49a71db
commit 9490c90
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/src/components/chart/ChartSection.tsx b/src/components/chart/ChartSection.tsx
@@ -44,6 +44,20 @@ function ChartSection() {
   }, [sidebarState.selectedCoin]);
 
   useEffect(() => {
+    getTickDataFromMessage();
+  }, [lastMessage]);
+
+  useEffect(() => {
+    switch (readyState) {
+      case ReadyState.OPEN:
+        sendMessage(SOCKET_API_SUB);
+        break;
+      default:
+        break;
+    }
+  }, [readyState]);
+
+  const getTickDataFromMessage = () => {
     if (lastMessage !== null) {
       const data = JSON.parse(lastMessage.data).content;
       if (data !== null && data !== undefined) {
@@ -77,17 +91,7 @@ function ChartSection() {
         setRealtimeTickDatas(newRealTimeTickDatas);
       }
     }
-  }, [lastMessage]);
-
-  useEffect(() => {
-    switch (readyState) {
-      case ReadyState.OPEN:
-        sendMessage(SOCKET_API_SUB);
-        break;
-      default:
-        break;
-    }
-  }, [readyState]);
+  };
 
   const convertDataToTickPrice = (datas: any): TickData[] => {
     return datas.map((data: any) => {

diff --git a/src/styles/global.ts b/src/styles/global.ts
@@ -8,13 +8,13 @@ const GlobalStyle = createGlobalStyle`
   }
   
   @font-face {
-    font-family: 'NanumSquareBold';
+    font-family: 'NanumSquare';
     font-weight: 700;
     src: url('/fonts/NanumSquareRoundB.ttf') format('truetype');
   }
   
   @font-face {
-    font-family: 'NanumSquareExtraBold';
+    font-family: 'NanumSquare';
     font-weight: 800;
     src: url('/fonts/NanumSquareRoundEB.ttf') format('truetype');
   }