[Rename] 일부 파일명 수정

- 일부 파일명 더 직관적으로 수정 (ex. StockInfoOverview -> StockOverview) Issues #11
codestates-seb · Sep 1, 2023 · 52c66e9 · 52c66e9
1 parent 33b9962
commit 52c66e9
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 15 deletions.
diff --git a/client/src/components/CentralChartSection/StockChart.tsx b/client/src/components/CentralChartSection/StockChart.tsx
@@ -12,12 +12,14 @@ const StockChart = () => {
 export default StockChart;
 
 const options = {
-  title: {
-    text: "Stock Chart with Separate Y Axes on the Right Side",
-  },
+  // title: {
+  //   text: "Stock Chart with Separate Y Axes on the Right Side",
+  // },
   xAxis: {
     type: "category",
     data: [
+      new Date("2023-08-31 14:00").toLocaleDateString(),
+      "2023-08-31 14:00",
       "Day 1",
       "Day 2",
       "Day 3",
@@ -51,7 +53,7 @@ const options = {
   yAxis: [
     {
       type: "value",
-      name: "Price", // 주가 Y 축 라벨
+      // name: "Price", // 주가 Y 축 라벨
       position: "right", // 오른쪽에 위치
     },
   ],
@@ -68,10 +70,10 @@ const options = {
   },
   series: [
     {
-      name: "Price",
+      name: "주가",
       type: "candlestick", // 캔들스틱 시리즈
       data: [
-        [100, 120, 80, 90],
+        [100, 120, 80, 90], // 시가, 종가, 저가, 주가
         [110, 130, 100, 120],
         [90, 110, 70, 100],
         [95, 105, 85, 110],
@@ -84,12 +86,12 @@ const options = {
         [150, 170, 140, 180],
         [160, 180, 150, 190],
         [170, 190, 160, 200],
-        [180, 200, 170, 210],
-        [110, 120, 100, 130],
-        [130, 150, 120, 160],
+        [170, 200, 170, 210],
+        [170, 140, 130, 130],
+        [150, 160, 120, 160],
         [140, 160, 130, 170],
         [150, 170, 140, 180],
-        [105, 125, 95, 120],
+        [140, 125, 95, 120],
         [110, 120, 100, 130],
         [120, 140, 110, 150],
         [130, 150, 120, 160],
@@ -117,5 +119,4 @@ const Container = styled.div`
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  padding: 20px;
 `;
diff --git a/...ralSectionMenu/FLineStockInfoOverview.tsx → ...CentralSectionMenu/FLineStockOverview.tsx b/...ralSectionMenu/FLineStockInfoOverview.tsx → ...CentralSectionMenu/FLineStockOverview.tsx
@@ -13,7 +13,7 @@ const volumeAdditionalInfo: string = "거래량";
 const transactionValue: string = "419억 1,468만";
 const valueAdditionalInfo: string = "거래대금";
 
-const StockInfoOverview = () => {
+const StockOverview = () => {
   return (
     <Container>
       <CorpLogo src={dummyImg} />
@@ -36,7 +36,7 @@ const StockInfoOverview = () => {
   );
 };
 
-export default StockInfoOverview;
+export default StockOverview;
 
 const Container = styled.div`
   flex: 7 0 0;

diff --git a/client/src/components/CentralSectionMenu/FirstLineMenu.tsx b/client/src/components/CentralSectionMenu/FirstLineMenu.tsx
@@ -1,15 +1,15 @@
 import { styled } from "styled-components";
 
 import ExpandScreenBtn from "./FLineExpandScreenBtn";
-import StockInfoOverview from "./FLineStockInfoOverview";
+import StockOverview from "./FLineStockOverview";
 import BookmarkBtn from "./FLineBookmarkBtn";
 import TradeBtn from "./FLineTradeBtn";
 
 const FirstLineMenu = () => {
   return (
     <Container>
       <ExpandScreenBtn direction="left" />
-      <StockInfoOverview />
+      <StockOverview />
       <BookmarkBtn />
       <TradeBtn type="buying" />
       <TradeBtn type="selling" />