✨small ui fixes + auth api path change

src/components/SellingItem.tsx

@@ -35,11 +35,6 @@ const SellingItem = ({ ItemInfo }: SellingItemProps) => {
     setIsDropdownOpen(false);
   };
 
-  const handleEditClick = (e: React.MouseEvent<HTMLButtonElement>) => {
-    e.preventDefault();
-    void navigate(`/itemedit/${ItemInfo.id}`);
-  };
-
   const handleReserveClick = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
     // 로직 추가
@@ -52,6 +47,46 @@ const SellingItem = ({ ItemInfo }: SellingItemProps) => {
     setIsDropdownOpen(false);
   };
 
+  const handleEditClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+    void navigate(`/itemedit/${ItemInfo.id}`);
+  };
+
+  const handleDeleteClick = async () => {
+    try {
+      const token = localStorage.getItem('token');
+      if (token === null) {
+        throw new Error('토큰이 없습니다.');
+      }
+      const response = await fetch(
+        `http://localhost:5173/api/item/delete/${ItemInfo.id}`,
+        {
+          method: 'DELETE',
+          headers: {
+            Authorization: `Bearer ${token}`,
+            'Content-Type': 'application/json',
+          },
+        },
+      );
+
+      if (!response.ok) {
+        throw new Error('삭제 요청에 실패했습니다.');
+      }
+
+      void navigate('/main');
+    } catch (error) {
+      console.error('삭제 중 에러 발생:', error);
+    }
+  };
+
+  const handleDeleteClickWrapper = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault();
+    setIsDropdownOpen(false);
+    if (window.confirm('정말 삭제하시겠습니까?')) {
+      void handleDeleteClick();
+    }
+  };
+
   return (
     <NavLink to={`/item/${ItemInfo.id}`} className={styles.navLink}>
       <div className={styles.main}>
@@ -122,7 +157,12 @@ const SellingItem = ({ ItemInfo }: SellingItemProps) => {
               <button className={styles.bluebutton} onClick={handleEditClick}>
                 게시글 수정
               </button>
-              <button className={styles.redbutton}>삭제</button>
+              <button
+                className={styles.redbutton}
+                onClick={handleDeleteClickWrapper}
+              >
+                삭제
+              </button>
             </div>
             <button onClick={handleCancelClick} className={styles.cancelbutton}>
               취소

src/css/ChatRoomPage.module.css

@@ -7,6 +7,7 @@
 .upperbar {
   display: flex;
   justify-content: space-between;
+  align-items: center;
   padding: 12px 15px;
   position: sticky;
   top: 0;

src/main.tsx

@@ -1,4 +1,4 @@
-import { StrictMode } from 'react';
+//import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 
 import { App } from './App';
@@ -8,7 +8,7 @@ const root = document.getElementById('root');
 if (root === null) throw new Error('Root element not found');
 
 createRoot(root).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
+  //<StrictMode>
+  <App />,
+  //</StrictMode>,
 );

src/pages/ChatRoomPage.tsx

@@ -106,7 +106,9 @@
         <img
           src={leftarrow}
           className={styles.icon}
+          onClick={() => void navigate(-1)}
+
           onClick={handleBackClick}
         ></img>
         <div className={styles.opponentinfo}>
           <p className={styles.opponentnickname}>이룸이</p>

src/pages/CommunityPage.tsx

@@ -16,7 +16,7 @@ import type { toolBarInfo } from '../typings/toolBar';
 
 const communityPageToolBarInfo: toolBarInfo = {
   path: '/community',
-  mainText: '대학동',
+  mainText: localStorage.getItem('location') ?? '',
   toolBarItems: [
     {
       pathTo: '/temp',

src/pages/ItemPostPage.tsx

@@ -96,6 +96,7 @@ const ItemPostPage = () => {
       const data = (await response.json()) as ArticleResponse;
       if (images.length > 0) {
         console.info('업로드 성공, 사진 업로드 중');
+        console.info(data.image_url);
 
         const presignedUrls = data.image_url;
         if (images.length !== presignedUrls.length)

src/pages/LoginPage.tsx

@@ -15,7 +15,7 @@ const LoginPage = () => {
 
   const handleLoginClick = async () => {
     try {
-      const response = await fetch('http://localhost:5173/auth/sign/in', {
+      const response = await fetch('http://localhost:5173/api/auth/sign/in', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({

src/pages/MainPage.tsx

@@ -15,7 +15,7 @@ import type { toolBarInfo } from '../typings/toolBar';
 
 const mainPageToolBarInfo: toolBarInfo = {
   path: '/main',
-  mainText: '대학동',
+  mainText: localStorage.getItem('location') ?? '',
   toolBarItems: [
     {
       pathTo: '/temp',

src/pages/RegisterPage.tsx

@@ -18,7 +18,7 @@ const LoginPage = () => {
 
   const handleRegisterClick = async () => {
     try {
-      const response = await fetch('http://localhost:5173/auth/sign/up', {
+      const response = await fetch('http://localhost:5173/api/auth/sign/up', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({

src/pages/SearchPage.tsx

@@ -10,8 +10,6 @@ import clockIcon from '../assets/clock_gray.svg';
 import leftArrow from '../assets/leftarrow.svg';
 import styles from '../css/SearchPage.module.css';
 
-const tempLocation = '대학동';
-
 type stateProps = {
   focusSearchBar: boolean;
   query: string;
@@ -78,7 +76,7 @@ const SearchPage = () => {
           type="search"
           ref={searchInputRef}
           className={styles.searchBar}
-          placeholder={`${tempLocation} 근처에서 검색`}
+          placeholder={`${localStorage.getItem('location') ?? ''} 근처에서 검색`}
           value={query}
           onChange={(e) => {
             setQuery(e.target.value);

src/pages/SettingsPage.tsx

@@ -18,7 +18,7 @@ const SettingsPage = () => {
 
   const handleConfirmLogout = () => {
     setIsLogoutPopupVisible(false);
-    localStorage.removeItem('token');
+    localStorage.clear();
     void navigate('/');
     console.info('로그아웃 성공!');
   };

vite.config.ts

@@ -10,10 +10,6 @@ export default defineConfig({
         target: 'http://52.78.132.59:8080',
         changeOrigin: true,
       },
-      '/auth': {
-        target: 'http://52.78.132.59:8080',
-        changeOrigin: true,
-      },
     },
   },
 });