From 2effef3ce27f23210bf1c0576708309d73b92e97 Mon Sep 17 00:00:00 2001
From: jihwooon <jihwooon@gmail.com>
Date: Wed, 13 Mar 2024 21:40:18 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=20=EC=9E=A5=EB=B0=94=EA=B5=AC=EB=8B=88=20A?=
 =?UTF-8?q?PI=20=EA=B2=BD=EB=A1=9C=20=EB=B0=8F=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 장바구니 API 호출 경로를 /cart 에서 /carts 로 변경했습니다.
- 이에 따라 클라이언트 코드의 관련 부분을 수정 반영했습니다.
  - client/src/api/cart.api.ts
  - client/src/components/book/AddToCart.tsx
  - client/src/components/common/Header.tsx
---
 client/src/components/common/EllipisisBox.tsx | 16 ++++++++--------
 client/src/components/common/Error.tsx        |  2 +-
 client/src/components/common/Header.tsx       |  6 +++---
 client/src/context/themeContext.tsx           | 10 +++++-----
 client/src/pages/BookDetail.tsx               |  2 +-
 5 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/client/src/components/common/EllipisisBox.tsx b/client/src/components/common/EllipisisBox.tsx
index 11e945b..6d1989c 100644
--- a/client/src/components/common/EllipisisBox.tsx
+++ b/client/src/components/common/EllipisisBox.tsx
@@ -3,16 +3,16 @@ import { FaAngleDown } from "react-icons/fa";
 import { styled } from "styled-components";
 import Button from "./Button";
 
-interface Prpos {
+interface Props {
   children: React.ReactNode;
-  linelimit: number;
+  lineLimit: number;
 }
 
-const EllipsisBox = ({ children, linelimit }: Prpos) => {
+const EllipsisBox = ({ children, lineLimit }: Props) => {
   const [expanded, setExpanded] = useState(false);
 
   return (
-    <EllipsisBoxStyle linelimit={linelimit} $expanded={expanded}>
+    <EllipsisBoxStyle lineLimit={lineLimit} $expanded={expanded}>
       <p>{children}</p>
       <div className="toggle">
         <Button
@@ -30,7 +30,7 @@ const EllipsisBox = ({ children, linelimit }: Prpos) => {
 };
 
 interface EllipsisBoxStyleProps {
-  linelimit: number;
+  lineLimit: number;
   $expanded: boolean;
 }
 
@@ -39,8 +39,8 @@ const EllipsisBoxStyle = styled.div<EllipsisBoxStyleProps>`
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
-    -webkit-line-clamp: ${({ linelimit, $expanded }) => ($expanded ? "none" : linelimit)};
-    - webkit - box - orient : vertical;
+    -webkit-line-clamp: ${({ lineLimit, $expanded }) => ($expanded ? "none" : lineLimit)};
+    -webkit-box-orient: vertical;
     padding: 20px 0 0 0;
     margin: 0;
   }
@@ -53,6 +53,6 @@ const EllipsisBoxStyle = styled.div<EllipsisBoxStyleProps>`
   svg {
     transform: ${({ $expanded }) => ($expanded ? "rotate(180deg)" : "rotate(0)")}
   }
-`;
+`
 
 export default EllipsisBox;
diff --git a/client/src/components/common/Error.tsx b/client/src/components/common/Error.tsx
index 7424d18..f1b0bd3 100644
--- a/client/src/components/common/Error.tsx
+++ b/client/src/components/common/Error.tsx
@@ -7,7 +7,7 @@ interface RouterError {
 
 const Error = () => {
   const error = useRouteError() as RouterError
-  
+
   return (
     <div>
       <h1>오류가 발생했습니다</h1>
diff --git a/client/src/components/common/Header.tsx b/client/src/components/common/Header.tsx
index 661f8ec..ea53e81 100644
--- a/client/src/components/common/Header.tsx
+++ b/client/src/components/common/Header.tsx
@@ -7,7 +7,7 @@ import { useAuthStore } from "../../store/authStore";
 
 const Header = () => {
   const { category } = useCategory();
-  const { isLoggedIn: isloggedIn, storeLogout } = useAuthStore();
+  const { isLoggedIn, storeLogout } = useAuthStore();
 
   return (
     <HeaderStyle>
@@ -29,7 +29,7 @@ const Header = () => {
       </nav>
       <nav className="auth">
         {
-          isloggedIn && (
+          isLoggedIn && (
             <ul>
               <li><Link to="/carts">장바구니</Link></li>
               <li><Link to="/orderlist">주문내역</Link></li>
@@ -40,7 +40,7 @@ const Header = () => {
           )
         }
         {
-          !isloggedIn && (
+          !isLoggedIn && (
             <ul>
               <li>
                 <Link to="/signin"><FaSignInAlt/>로그인</Link>
diff --git a/client/src/context/themeContext.tsx b/client/src/context/themeContext.tsx
index 2f30b47..68417d9 100644
--- a/client/src/context/themeContext.tsx
+++ b/client/src/context/themeContext.tsx
@@ -4,7 +4,7 @@ import { GlobalStyle } from "../style/global";
 import { ThemeProvider } from "styled-components";
 
 const DEFAULT_THEME_NAME = 'light'
-const THEME_LOCALSTORAGE_KEY = 'book_store_theme';
+const THEME_LOCAL_STORAGE_KEY = 'book_store_theme';
 interface State {
   themeName: ThemeName;
   toggleTheme: () => void,
@@ -18,17 +18,17 @@ export const state = {
 export const ThemeContext = createContext<State>(state)
 
 export const BookStoreThemeProvider = ({children}: {children: ReactNode}) => {
-  
+
   const [themeName, setThemeName] = useState<ThemeName>('light');
-  
+
   const toggleTheme = () => {
     setThemeName(themeName === 'light' ? 'dark' : 'light')
-    localStorage.setItem(THEME_LOCALSTORAGE_KEY, 
+    localStorage.setItem(THEME_LOCAL_STORAGE_KEY,
       themeName === 'light' ? 'dark' : 'light');
   };
 
   useEffect(() => {
-    const savedThemeName = localStorage.getItem(THEME_LOCALSTORAGE_KEY) as ThemeName;
+    const savedThemeName = localStorage.getItem(THEME_LOCAL_STORAGE_KEY) as ThemeName;
     setThemeName(savedThemeName || DEFAULT_THEME_NAME);
   }, [])
 
diff --git a/client/src/pages/BookDetail.tsx b/client/src/pages/BookDetail.tsx
index b4dd554..a55261c 100644
--- a/client/src/pages/BookDetail.tsx
+++ b/client/src/pages/BookDetail.tsx
@@ -85,7 +85,7 @@ const BookDetail = () => {
       </header>
       <div className="content">
         <Title size="medium">상세 설명</Title>
-        <EllipsisBox linelimit={4}>{book.detail}</EllipsisBox>
+        <EllipsisBox lineLimit={4}>{book.detail}</EllipsisBox>
 
         <Title size="medium">목차</Title>
         <p className="index">{book.contents}</p>

From cf2be15744f72be80420479759cee89ac34cf3d0 Mon Sep 17 00:00:00 2001
From: jihwooon <jihwooon@gmail.com>
Date: Wed, 13 Mar 2024 21:43:03 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=20=EA=B4=80=EB=A6=AC=20=EC=BD=94=EB=93=9C=20=EC=B5=9C?=
 =?UTF-8?q?=EC=A0=81=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 로그인 상태 관리 코드를 최적화했습니다.
- 이전에는 getToken() 함수의 반환 값이 문자열이 아니거나 비어 있을 경우 false 를 설정하는 방식이었습니다.
- 이번 변경을 통해 논리 부정 연산자 (!) 를 사용하여 getToken() 의 반환 값이 거짓값인 경우 (null, undefined, "")에만 isLoggedIn을 false 로 설정하도록 개선했습니다.
---
 client/src/store/authStore.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/store/authStore.ts b/client/src/store/authStore.ts
index 08538f4..fd50365 100644
--- a/client/src/store/authStore.ts
+++ b/client/src/store/authStore.ts
@@ -20,7 +20,7 @@ export const removeToken = () => {
 }
 
 export const useAuthStore = create<StoreState>((set) => ({
-  isLoggedIn: getToken() ? true : false,
+  isLoggedIn: !!getToken(),
 
   storeLogin: (token: string) => {
     set({ isLoggedIn: true })