[Remove] 불필요한 파일 제거 및 디렉토리명 수정

- 사용 안하는 불필요한 파일 제거 및 디렉토리명 통일

Issues #122

client/src/components/CentralChart/CompareChartBtn.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { styled } from "styled-components";
 import useCompanyData from "../../hooks/useCompanyData";
 import CompareList from "./CompareList";
-import IconImg from "../../asset/CentralSectionMenu-compareChart.png";
+import IconImg from "../../asset/icon/CentralSectionMenu-compareChart.png";
 
 const buttonText: string = "비교종목";
 

client/src/components/CentralChart/CompareList.tsx

@@ -1,5 +1,5 @@
 import { useSelector, useDispatch } from "react-redux";
-import { setCompareStock } from "../../reducer/CompareChart-Reducer";
+import { setCompareStock } from "../../reducer/compareChart-Reducer";
 import { StateProps } from "../../models/stateProps";
 import { styled } from "styled-components";
 

client/src/components/CentralChartMenu/ExpandScreenBtn.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useSelector, useDispatch } from "react-redux";
 import { styled } from "styled-components";
-import { changeLeftScreen, changeRightScreen } from "../../reducer/ExpandScreen-Reducer";
+import { changeLeftScreen, changeRightScreen } from "../../reducer/expandScreen-Reducer";
 import { StateProps } from "../../models/stateProps";
 
 const ExpandScreenBtn = (props: OwnProps) => {

client/src/components/CentralChartMenu/StockOrderBtn.tsx

@@ -1,7 +1,7 @@
 import { useDispatch } from "react-redux";
 import { styled } from "styled-components";
-import { stockOrderOpen } from "../../reducer/StockOrderSet-Reducer";
-import { orderTypeBuying, orderTypeSelling } from "../../reducer/StockOrderType-Reducer";
+import { stockOrderOpen } from "../../reducer/stockOrderSet-Reducer";
+import { orderTypeBuying, orderTypeSelling } from "../../reducer/stockOrderType-Reducer";
 
 const StockOrderBtn = (props: OwnProps) => {
   const { type } = props;

client/src/components/EntireList/Header.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import Menu_icon from "../../asset/images/menu.png";
+import Menu_icon from "../../asset/icon/menu.png";
 
 const ALL_LIST = "전체종목";
 const INTEREST_LIST = "관심종목";
@@ -76,7 +76,7 @@ const HeaderText = styled.span`
 `;
 
 const SlideMenu = styled.div`
-  z-index:30;
+  z-index: 30;
   position: absolute;
   top: 100%;
   left: 0;

client/src/components/EntireList/StockItem.tsx

@@ -2,9 +2,9 @@ import React, { useState } from "react";
 import styled from "styled-components";
 
 import { useDispatch } from "react-redux";
-import { changeCompanyId } from "../../reducer/CompanyId-Reducer";
+import { changeCompanyId } from "../../reducer/companyId-Reducer";
 
-import logo from "../../asset/images/StockHolmImage.png";
+import logo from "../../asset/icon/StockHolmImage.png";
 import star_icon from "../../asset/icon/star_icon.png";
 import star_filled_icon from "../../asset/icon/star_filled_icon.png";
 

client/src/components/Headers/LoginHeader.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import styled from "styled-components";
-import StockHolmLogo from "../../asset/images/StockHolmLogo.png";
+import StockHolmLogo from "../../asset/logos/StockHolmLogo.png";
 // import SampleProfile from "../../asset/images/ProfileSample.png";
 import ProfileModal from "../Profile/ProfileModal";
 import StockSearchComponent from "./StockSearchComponent";

client/src/components/Headers/LogoutHeader.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import StockHolmLogo from "../../asset/images/StockHolmLogo.png";
+import StockHolmLogo from "../../asset/logos/StockHolmLogo.png";
 
 import StockSearchComponent from "./StockSearchComponent";
 

client/src/components/Headers/stockSearchComponent.tsx

@@ -2,7 +2,7 @@ import React, { useState } from "react";
 import { useDispatch } from "react-redux";
 import styled from "styled-components";
 import { toast } from "react-toastify";
-import { changeCompanyId } from "../../reducer/CompanyId-Reducer";
+import { changeCompanyId } from "../../reducer/companyId-Reducer";
 import useGetCompanyList from "../../hooks/useGetCompanyList";
 
 const stockSearch = "종목 검색";
@@ -27,41 +27,41 @@ const StockSearchComponent: React.FC = () => {
 
   const handleSearchCompany = () => {
     let searchResult: string = noExistCompany;
-  
+
     if (searchWord === "") {
       return;
     }
-  
+
     // 영어 -> 한글 변환
     const translateToKorean = (word: string) => {
       const translations: { [key: string]: string } = {
         samsung: "삼성전자",
         eco: "에코프로",
         ecopro: "에코프로",
-        ecoprobm:"에코프로비엠",
-        ecoprob:"에코프로비엠",
-        posco:"POSCO홀딩스",
+        ecoprobm: "에코프로비엠",
+        ecoprob: "에코프로비엠",
+        posco: "POSCO홀딩스",
         kia: "기아",
         hyundai: "현대차",
-        hyundaicar:"현대차",
+        hyundaicar: "현대차",
         dy: "디와이",
         kuckoo: "쿠쿠홀딩스",
-        kuckooholdings:"쿠쿠홀딩스",
-        hansemk:"한세엠케이",
+        kuckooholdings: "쿠쿠홀딩스",
+        hansemk: "한세엠케이",
         hanse: "한세엠케이",
-        lgchemical:"LG화학",
-        lgelectronic:"LG화학",
+        lgchemical: "LG화학",
+        lgelectronic: "LG화학",
         lgchem: "LG화학",
         lgelec: "LG전자",
-        celltrion:"셀트리온",
+        celltrion: "셀트리온",
         cell: "셀트리온",
-        kakaobank:"카카오뱅크",
+        kakaobank: "카카오뱅크",
         kakao: "카카오뱅크",
         // 추가적인 회사 이름을 여기에 추가할 수 있습니다.
       };
       return translations[word.toLowerCase()] || word;
     };
-  
+
     const translateToEnglish = (word: string) => {
       const translations: { [key: string]: string } = {
         엘지화학: "LG화학",
@@ -73,18 +73,18 @@ const StockSearchComponent: React.FC = () => {
       };
       return translations[word] || word;
     };
-  
+
     let translatedWord = translateToKorean(searchWord);
     translatedWord = translateToEnglish(translatedWord); // 이 부분이 추가되었습니다.
-  
+
     companyList.forEach((company: CompanyProps) => {
       // 부분 문자열 검색
       if (company.korName.includes(translatedWord)) {
         searchResult = existCompany;
         dispatch(changeCompanyId(company.companyId));
       }
     });
-  
+
     if (searchResult === noExistCompany) {
       toast.error("존재하지 않는 종목입니다", {
         style: toastStyle,

client/src/components/HoldingList/Header.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import Menu_icon from "../../asset/images/menu.png";
+import Menu_icon from "../../asset/icon/menu.png";
 
 const ALL_LIST = "전체종목";
 const INTEREST_LIST = "관심종목";
@@ -73,7 +73,7 @@ const HeaderText = styled.span`
 `;
 
 const SlideMenu = styled.div`
-  z-index:30;
+  z-index: 30;
   position: absolute;
   top: 100%;
   left: 0;

client/src/components/HoldingList/StockItem.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import styled from "styled-components";
-import logo from "../../asset/images/StockHolmImage.png";
+import logo from "../../asset/icon/StockHolmImage.png";
 import { useDispatch } from "react-redux";
-import { changeCompanyId } from "../../reducer/CompanyId-Reducer";
+import { changeCompanyId } from "../../reducer/companyId-Reducer";
 
 import star_icon from "../../asset/icon/star_icon.png";
 import star_filled_icon from "../../asset/icon/star_filled_icon.png";

client/src/components/Logins/GoogleLoginButton.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
-import styled from 'styled-components';
-import googleLogo from '../../asset/images/GoogleLogo.svg'; 
+import React from "react";
+import styled from "styled-components";
+import googleLogo from "../../asset/logos/GoogleLogo.svg";
 
 const GoogleLoginButton: React.FC<Props> = ({ backendURL }) => {
-
   const buttonText = "구글로 로그인";
 
   const handleLoginClick = () => {
@@ -16,7 +15,7 @@ const GoogleLoginButton: React.FC<Props> = ({ backendURL }) => {
       {buttonText}
     </GoogleButton>
   );
-}
+};
 
 export default GoogleLoginButton;
 
@@ -28,7 +27,7 @@ interface Props {
 const GoogleButton = styled.button`
   margin: 10px 0;
   padding: 10px 20px;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   border: 1px solid lightgray;
   border-radius: 5px;
   cursor: pointer;
@@ -37,9 +36,8 @@ const GoogleButton = styled.button`
   align-items: center;
   justify-content: center;
 
-
   &:hover {
-    background-color: #f2f2f2;  // Light gray color on hover
+    background-color: #f2f2f2; // Light gray color on hover
   }
 `;
 
@@ -49,5 +47,3 @@ const LogoImage = styled.img`
   width: 60px;
   height: auto;
 `;
-
-

client/src/components/Logins/KakaoLoginButton.tsx

@@ -1,9 +1,8 @@
-import React from 'react';
-import styled from 'styled-components';
-import kakaoLogo from '../../asset/images/KakaoLogo.svg'; 
+import React from "react";
+import styled from "styled-components";
+import kakaoLogo from "../../asset/logos/KakaoLogo.svg";
 
 const KakaoLoginButton: React.FC<Props> = ({ backendURL }) => {
-
   const buttonText = "카카오로 로그인";
 
   // 버튼 클릭시 로그인 페이지로 리다이렉트
@@ -17,7 +16,7 @@ const KakaoLoginButton: React.FC<Props> = ({ backendURL }) => {
       {buttonText}
     </KakaoButton>
   );
-}
+};
 
 export default KakaoLoginButton;
 
@@ -30,7 +29,7 @@ interface Props {
 const KakaoButton = styled.button`
   margin: 10px 0;
   padding: 10px 20px;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   border: 1px solid lightgray;
   border-radius: 5px;
   cursor: pointer;
@@ -40,7 +39,7 @@ const KakaoButton = styled.button`
   justify-content: center;
 
   &:hover {
-    background-color: #f2f2f2;  // 호버 시 밝은 회색 배경 적용
+    background-color: #f2f2f2; // 호버 시 밝은 회색 배경 적용
   }
 `;
 
@@ -50,5 +49,3 @@ const LogoImage = styled.img`
   width: 60px;
   height: auto;
 `;
-
-

client/src/components/Logins/LoginConfirmatationModal.tsx

@@ -1,13 +1,13 @@
 import React from "react";
 import styled from "styled-components";
-import StockHolmLogo from "../../asset/images/StockHolmLogo.png";
+import StockHolmLogo from "../../asset/logos/StockHolmLogo.png";
 
 const LoginConfirmationModal: React.FC<LoginConfirmationProps> = ({ onClose }) => {
   const messageText = "로그인이 성공적으로 완료되었습니다!";
   const confirmText = "확인";
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
-    if (event.key === 'Enter') {
+    if (event.key === "Enter") {
       onClose();
     }
   };