diff --git a/src/App.tsx b/src/App.tsx index 89b7409..cb7a312 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -5,7 +5,6 @@ import Layout from './layouts/Layout'; import MobileLayout from './layouts/MobileLayout'; import PrivateRoute from './layouts/PrivateRoute'; import AdminPage from './pages/Admin'; -import FilteredLetterManage from './pages/Admin/FilteredLetter'; import FilteringManage from './pages/Admin/Filtering'; import ReportManage from './pages/Admin/Report'; import AdminRollingPaper from './pages/Admin/RollingPaper'; @@ -84,7 +83,6 @@ const App = () => { }> } /> } /> - } /> } /> diff --git a/src/apis/admin.ts b/src/apis/admin.ts index e2ef8de..e2767e7 100644 --- a/src/apis/admin.ts +++ b/src/apis/admin.ts @@ -23,7 +23,6 @@ const getReports = async (reportQueryString: ReportQueryString) => { const queryStrings = queryParams.toString(); const res = await client.get(`/api/reports?${queryStrings}`); if (!res) throw new Error('신고 목록 데이터 조회 도중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); @@ -32,9 +31,8 @@ const getReports = async (reportQueryString: ReportQueryString) => { const patchReport = async (reportId: number, patchReportRequest: PatchReportRequest) => { try { - console.log(`/api/reports/${reportId}`, patchReportRequest); const res = await client.patch(`/api/reports/${reportId}`, patchReportRequest); - console.log(res); + return res; } catch (error) { console.error(error); } @@ -45,7 +43,6 @@ const getBadWords = async () => { try { const res = await client.get('/api/bad-words'); if (!res) throw new Error('금칙어 조회 도중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); @@ -55,7 +52,6 @@ const getBadWords = async () => { const postBadWords = async (badWordsRequest: BadWords) => { try { const res = await client.post('/api/bad-words', badWordsRequest); - console.log(res); if (!res) throw new Error('금칙어 등록 도중 에러가 발생했습니다.'); return res; } catch (error) { @@ -69,7 +65,6 @@ const patchBadWordsUsed = async (badWordId: string, isUsed: string) => { try { const res = await client.patch(`/api/bad-words/${badWordId}/status`, { isUsed: reverseIsUsed }); if (!res) throw new Error('검열 활성화/비활성화 도중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); @@ -80,7 +75,6 @@ const patchBadWords = async (badWordId: string, word: string) => { try { const res = await client.patch(`/api/bad-words/${badWordId}`, { word: word }); if (!res) throw new Error('금칙어 수정중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); @@ -91,7 +85,6 @@ const deleteBadWords = async (id: string) => { try { const res = await client.delete(`/api/bad-words/${id}`); if (!res) throw new Error('금칙어 삭제 도중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); diff --git a/src/apis/auth.ts b/src/apis/auth.ts index c963f64..9105f60 100644 --- a/src/apis/auth.ts +++ b/src/apis/auth.ts @@ -33,7 +33,6 @@ export const getNewToken = async () => { try { const response = await client.post('/api/reissue', {}, { withCredentials: true }); if (!response) throw new Error('getNewToken: no response data'); - console.log(response.data); return response; } catch (error) { console.error(error); @@ -64,15 +63,10 @@ export const deleteUserInfo = async () => { export const postLogout = async () => { try { - console.log(' before logout'); - const response = await client.post('/api/logout', { withCredentials: true }); - console.log('logout', response); if (!response) throw new Error('postLogout: failed to logout'); return response; } catch (error) { - console.log('logout error'); - console.error(error); } }; diff --git a/src/apis/client.ts b/src/apis/client.ts index 8ed72ee..69fe0dd 100644 --- a/src/apis/client.ts +++ b/src/apis/client.ts @@ -12,7 +12,6 @@ client.interceptors.request.use( const accessToken = useAuthStore.getState().accessToken; if (config.url !== '/api/reissue' && accessToken) { config.headers.Authorization = `Bearer ${accessToken}`; - console.log('interceptor', config); } return config; }, diff --git a/src/apis/draftLetters.ts b/src/apis/draftLetters.ts index 02c43c0..c714b8f 100644 --- a/src/apis/draftLetters.ts +++ b/src/apis/draftLetters.ts @@ -15,7 +15,6 @@ export interface DraftLetter { export const getDraftLetters = async (): Promise => { try { const { data } = await client.get('/api/letters?status=draft'); - console.log('임시저장된 편지 데이터', data); return data.data; } catch (error) { console.error('❌임시저장된 편지를 불러오던 중 에러가 발생했습니다', error); @@ -28,7 +27,6 @@ export const deleteDraftLetters = async (letterId: number) => { const { data } = await client.delete(`/api/letters/${letterId}/temporary-save`); if (data.data?.letterId) { - console.log('삭제된 임시저장 편지 ID:', data.data.letterId); } else { console.error('❌서버 응답에 letterId가 존재하지 않습니다.'); } diff --git a/src/apis/incomingLetters.ts b/src/apis/incomingLetters.ts index 66a865e..088435a 100644 --- a/src/apis/incomingLetters.ts +++ b/src/apis/incomingLetters.ts @@ -3,7 +3,6 @@ import client from './client'; export const getIncomingLetters = async () => { try { const { data } = await client.get('/api/letters?status=delivery'); - console.log('오고있는 편지 데이터', data); return data; } catch (error) { console.error('❌오고 있는 편지 목록을 불러오던 중 에러 발생', error); diff --git a/src/apis/letterDetail.ts b/src/apis/letterDetail.ts index 6a72b66..54ccace 100644 --- a/src/apis/letterDetail.ts +++ b/src/apis/letterDetail.ts @@ -4,7 +4,6 @@ const getLetter = async (letterId: string) => { try { const res = await client.get(`/api/letters/${letterId}`); if (!res) throw new Error('편지 데이터를 가져오는 도중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); @@ -13,10 +12,8 @@ const getLetter = async (letterId: string) => { const deleteLetter = async (letterId: string) => { try { - console.log(`/api/letters/${letterId}`); const res = await client.delete(`/api/letters/${letterId}`); if (!res) throw new Error('편지 삭제 요청 도중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); @@ -29,7 +26,6 @@ const postEvaluateLetter = async (letterId: number, evaluation: LetterEvaluation evaluation: evaluation, }); if (!res) throw new Error('편지 삭제 요청 도중 에러가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); diff --git a/src/apis/mailBox.ts b/src/apis/mailBox.ts index e0b9aca..2efb35a 100644 --- a/src/apis/mailBox.ts +++ b/src/apis/mailBox.ts @@ -13,7 +13,6 @@ export const getMailbox = async () => { export const getMailboxDetail = async (id: number, pageParam: number) => { try { const response = await client.get(`/api/mailbox/${id}/detail?page=${pageParam}&size=20`); - console.log(response.data); if (!response) throw new Error('error while fetching mailbox detail data'); return response.data; } catch (error) { diff --git a/src/apis/notification.ts b/src/apis/notification.ts index 3453135..601f918 100644 --- a/src/apis/notification.ts +++ b/src/apis/notification.ts @@ -4,7 +4,6 @@ const getTimeLines = async () => { try { const res = await client.get('/api/timelines'); if (!res) throw new Error('타임라인을 받아오는 도중 오류가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); @@ -35,7 +34,6 @@ const getNotReadCount = async () => { try { const res = await client.get('/api/notifications/not-read'); if (!res) throw new Error('안 읽은 알림 수를 가져오는 도중 오류가 발생했습니다.'); - console.log(res); return res; } catch (error) { console.error(error); diff --git a/src/apis/randomLetter.ts b/src/apis/randomLetter.ts index 515a1d8..a24b581 100644 --- a/src/apis/randomLetter.ts +++ b/src/apis/randomLetter.ts @@ -51,7 +51,7 @@ const deleteRandomLetterMatching = async () => { if (!res) throw new Error('매칭 취소 도중 에러가 발생했습니다.'); return res; } catch (error) { - console.log(error); + throw error; } }; diff --git a/src/apis/rolling.ts b/src/apis/rolling.ts index 0e60b6e..5d0e20a 100644 --- a/src/apis/rolling.ts +++ b/src/apis/rolling.ts @@ -20,7 +20,6 @@ export const getRollingPaperDetail = async ( size, }, }); - console.log(data); return data; }; @@ -92,7 +91,6 @@ export const patchRollingPaper = async (eventPostId: number | string) => { const { data: { data }, } = await client.patch(`/api/admin/event-posts/${eventPostId}/status`); - console.log(data); return data; } catch (error) { console.error(error); diff --git a/src/apis/share.ts b/src/apis/share.ts index 6018376..7c386af 100644 --- a/src/apis/share.ts +++ b/src/apis/share.ts @@ -70,7 +70,6 @@ export const getSharePostList = async (page: number = 1, size: number = 10) => { const response = await client.get('/api/share-posts', { params: { page, size }, }); - console.log(`🌟공유 게시글 목록`, response.data.data); return response.data.data; } catch (error) { @@ -83,7 +82,6 @@ export const getSharePostList = async (page: number = 1, size: number = 10) => { export const getSharePostDetail = async (sharePostId: string): Promise => { try { const response = await client.get(`/api/share-posts/${sharePostId}`); - console.log(`🔥공유 게시글 상세 데이터`, response.data); return response.data.data; } catch (error) { console.error('❌ 편지 공유 게시글을 상세 조회하던 중 에러가 발생했습니다', error); @@ -115,7 +113,6 @@ export const postShareProposals = async ( export const getShareProposalList = async () => { try { const response = await client.get('/api/share-proposals/inbox'); - console.log(`🌟공유 요청 목록`, response.data); return response.data.data; } catch (error) { @@ -130,7 +127,6 @@ export const getShareProposalDetail = async ( ): Promise => { try { const response = await client.get(`/api/share-proposals/${shareProposalId}`); - console.log(`😎공유 요청 상세 조회 데이터 `, response.data); return response.data.data; } catch (error) { console.error('❌ 편지 공유 요청을 상세 조회하던 중 에러가 발생했습니다', error); diff --git a/src/apis/unreadLetters.ts b/src/apis/unreadLetters.ts index d7bccc9..36dedf1 100644 --- a/src/apis/unreadLetters.ts +++ b/src/apis/unreadLetters.ts @@ -3,7 +3,6 @@ import client from './client'; export const getUnreadLettersCount = async (): Promise => { try { const response = await client.get('/api/letters/unread/count'); - console.log('📩 안 읽은 편지 개수 데이터', response); return response.data; } catch (error) { console.error('❌안 읽은 편지 개수를 받아오던 중 에러가 발생했습니다', error); diff --git a/src/apis/write.ts b/src/apis/write.ts index 012478f..48026ad 100644 --- a/src/apis/write.ts +++ b/src/apis/write.ts @@ -1,7 +1,6 @@ import client from './client'; const postLetter = async (data: LetterRequest) => { - console.log('request', data); try { const res = await client.post('/api/letters', data); if (!res) throw new Error('편지 전송과정에서 오류가 발생했습니다.'); @@ -14,7 +13,6 @@ const postLetter = async (data: LetterRequest) => { }; const postFirstReply = async (data: FirstReplyRequest) => { - console.log('Firstrequest', data); try { const res = await client.post('/api/random-letters/matching', data); if (!res) throw new Error('최초 답장 전송과정에서 오류가 발생했습니다.'); @@ -45,7 +43,6 @@ const postTemporarySave = async (data: TemporaryRequest) => { }; const postTemporaryLetter = async (data: TemporaryRequest) => { - console.log('Temporary request', data); try { const res = await client.post('/api/letters', data); if (!res) throw new Error('편지 전송과정에서 오류가 발생했습니다.'); diff --git a/src/components/MenuButton.tsx b/src/components/MenuButton.tsx index d911338..41fe264 100644 --- a/src/components/MenuButton.tsx +++ b/src/components/MenuButton.tsx @@ -22,6 +22,7 @@ export default function MenuButton() { : 'pointer-events-none translate-y-[120%] rotate-180 opacity-0', )} onClick={() => setIsOpen(false)} + aria-label="내 편지함으로 이동하기" > @@ -34,6 +35,7 @@ export default function MenuButton() { : 'pointer-events-none translate-y-[120%] rotate-180 opacity-0', )} onClick={() => setIsOpen(false)} + aria-label="게시판으로 이동하기" > @@ -46,6 +48,7 @@ export default function MenuButton() { : 'pointer-events-none translate-y-[120%] rotate-180 opacity-0', )} onClick={() => setIsOpen(false)} + aria-label="속마음 나누기로 이동하기" > @@ -56,6 +59,7 @@ export default function MenuButton() { isOpen ? 'rotate-90' : 'rotate-0', )} onClick={() => setIsOpen((state) => !state)} + aria-label="메뉴 열기" > diff --git a/src/components/NotificationButton.tsx b/src/components/NotificationButton.tsx index 0047067..c3a49e7 100644 --- a/src/components/NotificationButton.tsx +++ b/src/components/NotificationButton.tsx @@ -26,7 +26,7 @@ export default function NotificationButton() { }); return ( - + {notReadCount > 0 && (
{notReadCount < 100 ? notReadCount : '99+'}
)} diff --git a/src/components/ReportModal.tsx b/src/components/ReportModal.tsx index ce84c91..fbb8f95 100644 --- a/src/components/ReportModal.tsx +++ b/src/components/ReportModal.tsx @@ -47,7 +47,6 @@ const ReportModal = ({ reportType, letterId, onClose }: ReportModalProps) => { const res = await postReports(postReportRequest); if (res?.status === 200) { setToastActive({ title: '신고가 접수되었습니다.', toastType: 'Success' }); - console.log(res); onClose(); } else { setToastActive({ title: '신고한 이력이 있습니다.', toastType: 'Error' }); diff --git a/src/components/ResultLetter.tsx b/src/components/ResultLetter.tsx index 36980d5..f062f0b 100644 --- a/src/components/ResultLetter.tsx +++ b/src/components/ResultLetter.tsx @@ -15,7 +15,7 @@ export default function ResultLetter({ const today = `${date.getFullYear()}년 ${date.getMonth() + 1}월 ${date.getDate()}일`; return ( - +
diff --git a/src/hooks/useServerSentEvents.tsx b/src/hooks/useServerSentEvents.tsx index fc2fc5d..0d8e6be 100644 --- a/src/hooks/useServerSentEvents.tsx +++ b/src/hooks/useServerSentEvents.tsx @@ -41,7 +41,6 @@ export const useServerSentEvents = () => { useEffect(() => { if (!accessToken) { - // console.log('로그인 정보 확인불가'); return; } @@ -49,7 +48,6 @@ export const useServerSentEvents = () => { const accessToken = useAuthStore.getState().accessToken; try { - // console.log('구독 시작'); sourceRef.current = new EventSourcePolyfill( `${import.meta.env.VITE_API_URL}/api/notifications/sub`, { @@ -60,19 +58,16 @@ export const useServerSentEvents = () => { ); sourceRef.current.onmessage = (event) => { - // console.log(event); - // console.log('알림 수신'); handleOnMessage(event.data); }; sourceRef.current.onerror = async (event) => { - console.log(event); const errorEvent = event as unknown as { status?: number }; if (errorEvent.status === 401) { try { await useAuthStore.getState().refreshToken(); } catch (error) { - console.log('다른 api에서 리프레시 토큰 호출중입니다.'); + throw error; } closeSSE(); reconnect = setTimeout(connectSSE, 5000); @@ -82,14 +77,13 @@ export const useServerSentEvents = () => { } }; } catch (error) { - console.log('catch문에서 에러 발생', error); + throw error; } }; connectSSE(); return () => { - // console.log('컴포넌트 언마운트로 인한 구독해제'); closeSSE(); }; }, [accessToken]); @@ -99,6 +93,4 @@ export const useServerSentEvents = () => { sourceRef.current?.close(); sourceRef.current = null; }; - - // return { closeSSE }; }; diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx index a251770..c51df60 100644 --- a/src/layouts/Header.tsx +++ b/src/layouts/Header.tsx @@ -14,10 +14,10 @@ const Header = () => { return (
- -
+
{theme === 'light' ? ( ) : ( diff --git a/src/layouts/PrivateRoute.tsx b/src/layouts/PrivateRoute.tsx index a433bc4..95fb2fd 100644 --- a/src/layouts/PrivateRoute.tsx +++ b/src/layouts/PrivateRoute.tsx @@ -6,6 +6,7 @@ import { useServerSentEvents } from '@/hooks/useServerSentEvents'; import Toast from '@/components/Toast'; export default function PrivateRoute() { + // useServerSentEvents(); const isLoggedIn = useAuthStore((state) => state.isLoggedIn); const navigate = useNavigate(); diff --git a/src/main.tsx b/src/main.tsx index 4df6fa6..e5b67d3 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,5 +1,5 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; -import { StrictMode } from 'react'; +// import { StrictMode } from 'react'; import { createRoot } from 'react-dom/client'; import { BrowserRouter } from 'react-router'; @@ -15,11 +15,11 @@ queryClient.setDefaultOptions({ }); createRoot(document.getElementById('root')!).render( - - - - - - - , + // + + + + + , + // , ); diff --git a/src/pages/Admin/FilteredLetter.tsx b/src/pages/Admin/FilteredLetter.tsx deleted file mode 100644 index fa4abcb..0000000 --- a/src/pages/Admin/FilteredLetter.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { AlarmIcon } from '@/assets/icons'; - -import AdminPageTitle from './components/AdminPageTitle'; -import FilteredLetterListItem from './components/FilteredLetterListItem'; -import ListHeaderFrame from './components/ListHeaderFrame'; -import WrapperFrame from './components/WrapperFrame'; -import WrapperTitle from './components/WrapperTitle'; - -export default function FilteredLetterManage() { - const arr = new Array(10).fill(null); - return ( - <> - 검열 관리 / 차단된 편지 목록 - - -
- - ID - 제보자 이메일 - 작성자 이메일 - 차단 일자 - 포함된 단어 - - {arr.map((_, idx) => { - return ; - })} -
- - - ); -} diff --git a/src/pages/Admin/Filtering.tsx b/src/pages/Admin/Filtering.tsx index aad0f86..aa8db05 100644 --- a/src/pages/Admin/Filtering.tsx +++ b/src/pages/Admin/Filtering.tsx @@ -17,8 +17,6 @@ export default function FilteringManage() { const res = await getBadWords(); if (res?.status === 200) { setBadWords(res.data.data); - } else { - console.log('검열 조회 오류 발생'); } }; @@ -43,6 +41,7 @@ export default function FilteringManage() { onClick={() => { setAddInputShow(true); }} + aria-label="추가하기" > diff --git a/src/pages/Admin/RollingPaper.tsx b/src/pages/Admin/RollingPaper.tsx index 0c99dec..81a9bb4 100644 --- a/src/pages/Admin/RollingPaper.tsx +++ b/src/pages/Admin/RollingPaper.tsx @@ -39,6 +39,7 @@ export default function AdminRollingPaper() { type="button" className="ml-auto flex items-center gap-2 rounded-md text-black" onClick={() => setActiveModal(true)} + aria-label='롤링페이퍼 생성하기' > 롤링페이퍼 생성 diff --git a/src/pages/Admin/components/AddInputButton.tsx b/src/pages/Admin/components/AddInputButton.tsx index 15ed676..d749794 100644 --- a/src/pages/Admin/components/AddInputButton.tsx +++ b/src/pages/Admin/components/AddInputButton.tsx @@ -57,6 +57,7 @@ export default function AddInputButton({ onClick={() => { handlePostBadWords(); }} + aria-label="검열 단어 추가하기" > diff --git a/src/pages/Admin/components/AddRollingPaperModal.tsx b/src/pages/Admin/components/AddRollingPaperModal.tsx index 26a37dd..e270297 100644 --- a/src/pages/Admin/components/AddRollingPaperModal.tsx +++ b/src/pages/Admin/components/AddRollingPaperModal.tsx @@ -64,10 +64,15 @@ export default function AddRollingPaperModal({ currentPage, onClose }: AddRollin type="button" className="secondary-btn text-gray-80 body-m flex-1 basis-1/2 px-3 py-2" onClick={onClose} + aria-label="취소하기" > 취소하기 - diff --git a/src/pages/Admin/components/FilterTextItem.tsx b/src/pages/Admin/components/FilterTextItem.tsx index 632cda2..1c6a8ad 100644 --- a/src/pages/Admin/components/FilterTextItem.tsx +++ b/src/pages/Admin/components/FilterTextItem.tsx @@ -64,7 +64,7 @@ export default function FilterTextItem({ badWord.word )} - @@ -72,6 +72,7 @@ export default function FilterTextItem({ onClick={() => { handleDeleteBadWords(badWord.id); }} + aria-label="삭제하기" > diff --git a/src/pages/Admin/components/FilteredLetterListItem.tsx b/src/pages/Admin/components/FilteredLetterListItem.tsx deleted file mode 100644 index af908fa..0000000 --- a/src/pages/Admin/components/FilteredLetterListItem.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import { KebobMenuIcon } from '@/assets/icons'; -// import MenuModal from "./MenuModal"; - -export default function FilteredLetterListItem() { - return ( -
{}} - > -
- {'더미'} - {'더미'} - {'더미'} - {'더미'} - {'더미'} -
- - {/* {modalOpen && } */} -
- ); -} diff --git a/src/pages/Admin/components/PagenationNavigation.tsx b/src/pages/Admin/components/PagenationNavigation.tsx index 44a86a4..2866cda 100644 --- a/src/pages/Admin/components/PagenationNavigation.tsx +++ b/src/pages/Admin/components/PagenationNavigation.tsx @@ -62,6 +62,7 @@ export default function PagenationNavigation({ onClick={() => { handlePrevButtonClick(); }} + aria-label="이전으로" > prev @@ -85,6 +86,7 @@ export default function PagenationNavigation({ onClick={() => { handleNextButtonClick(); }} + aria-label="다음으로" > next diff --git a/src/pages/Admin/components/PatchInput.tsx b/src/pages/Admin/components/PatchInput.tsx index f48cd9c..a5eafbd 100644 --- a/src/pages/Admin/components/PatchInput.tsx +++ b/src/pages/Admin/components/PatchInput.tsx @@ -33,7 +33,6 @@ export default function PatchInput({ return e; }), ); - console.log('일단 수정했음 api 새로 업데이트되면 바인딩'); setPatchInputShow(false); } }; @@ -67,6 +66,7 @@ export default function PatchInput({ onClick={() => { handlePatchBadWords(); }} + aria-label="추가하기" > diff --git a/src/pages/Admin/components/ReportHandlingModal.tsx b/src/pages/Admin/components/ReportHandlingModal.tsx index b2c9f8b..ebdc4b8 100644 --- a/src/pages/Admin/components/ReportHandlingModal.tsx +++ b/src/pages/Admin/components/ReportHandlingModal.tsx @@ -54,6 +54,7 @@ export default function ReportHandlingModal({ onClick={() => { setHandleModalOpen(false); }} + aria-label="취소" > 취소 @@ -66,6 +67,7 @@ export default function ReportHandlingModal({ handleDeleteList(selectedReportId); setHandleModalOpen(false); }} + aria-label="전송" > 전송 diff --git a/src/pages/Admin/components/ReportListItem.tsx b/src/pages/Admin/components/ReportListItem.tsx index 51877d2..5ff9451 100644 --- a/src/pages/Admin/components/ReportListItem.tsx +++ b/src/pages/Admin/components/ReportListItem.tsx @@ -70,6 +70,7 @@ export default function ReportListItem({ e.stopPropagation(); setModalOpen((cur) => !cur); }} + aria-label="더보기" > diff --git a/src/pages/Admin/components/RollingPaperItem.tsx b/src/pages/Admin/components/RollingPaperItem.tsx index 58cdfc2..be7cfb7 100644 --- a/src/pages/Admin/components/RollingPaperItem.tsx +++ b/src/pages/Admin/components/RollingPaperItem.tsx @@ -69,6 +69,7 @@ export default function RollingPaperItem({ information, currentPage }: RollingPa type="button" className="hover:bg-gray-10 text-gray-60 rounded-md px-3 py-1 hover:text-black" onClick={() => toggleStatus()} + aria-label="중단하기 / 진행하기" > {information.used ? '중단하기' : '진행하기'} @@ -79,6 +80,7 @@ export default function RollingPaperItem({ information, currentPage }: RollingPa type="button" className="text-gray-60 flex items-center justify-center p-1 hover:text-black" onClick={() => setActiveDeleteModal(true)} + aria-label="삭제하기" > diff --git a/src/pages/Admin/components/Sidebar.tsx b/src/pages/Admin/components/Sidebar.tsx index 5e37509..55fa07d 100644 --- a/src/pages/Admin/components/Sidebar.tsx +++ b/src/pages/Admin/components/Sidebar.tsx @@ -54,7 +54,10 @@ export default function Sidebar() {
))} -
- )} diff --git a/src/pages/LetterBoardDetail/index.tsx b/src/pages/LetterBoardDetail/index.tsx index 2ef8261..1b937f3 100644 --- a/src/pages/LetterBoardDetail/index.tsx +++ b/src/pages/LetterBoardDetail/index.tsx @@ -91,7 +91,6 @@ const LetterBoardDetailPage = () => { try { const response = await getSharePostLikeCount(postId); if (!response) throw new Error('error while fetching like count'); - console.log('✅ 편지 좋아요 갯수:', response); setLikeCount(response.likeCount); setIsLike(response.liked); } catch (error) { diff --git a/src/pages/LetterBox/index.tsx b/src/pages/LetterBox/index.tsx index 2ac397d..d543882 100644 --- a/src/pages/LetterBox/index.tsx +++ b/src/pages/LetterBox/index.tsx @@ -14,7 +14,6 @@ const fetchMailLists = async () => { const response = await getMailbox(); if (!response) throw new Error(); const data: LetterBoxData[] = response.data; - console.log(data); return data; }; diff --git a/src/pages/LetterBoxDetail/components/InformationTooltip.tsx b/src/pages/LetterBoxDetail/components/InformationTooltip.tsx index fd71527..682bdf6 100644 --- a/src/pages/LetterBoxDetail/components/InformationTooltip.tsx +++ b/src/pages/LetterBoxDetail/components/InformationTooltip.tsx @@ -19,7 +19,7 @@ const InformationTooltip = () => { return (
-
{ useInfiniteQuery({ queryKey: ['mailBoxDetail', userInfo.id], queryFn: async ({ pageParam }) => { - console.log(`Fetching page: ${pageParam}`); const response = await getMailboxDetail(userInfo.id, pageParam); - console.log(response.data); return response.data; }, enabled: !!userInfo.id, @@ -69,7 +67,6 @@ const LetterBoxDetailPage = () => { const disconnectMutation = useMutation({ mutationFn: async () => { - console.log('userInfo', userInfo, userInfo.id); const response = await postMailboxDisconnect(userInfo.id); if (!response) throw new Error(`no response`); }, @@ -179,7 +176,7 @@ const LetterBoxDetailPage = () => {

주고 받은 편지 {mailLists.length}

{!userInfo.isClosed && ( - )} @@ -213,6 +210,7 @@ const LetterBoxDetailPage = () => { type="button" className="body-sb text-gray-60 mt-auto text-left underline dark:text-white" onClick={() => setIsOpenDisConnectModal(true)} + aria-label="더 이상 편지하지 않을래요" > 더 이상 편지하지 않을래요 @@ -225,6 +223,7 @@ const LetterBoxDetailPage = () => { className="body-m primary-btn w-full py-2 text-black" disabled={selected.length === 0} onClick={() => setIsOpenShareModal(true)} + aria-label="공유하기" > 공유하기 diff --git a/src/pages/LetterDetail/components/DegreeSelector.tsx b/src/pages/LetterDetail/components/DegreeSelector.tsx index 86ae0b7..be2a90c 100644 --- a/src/pages/LetterDetail/components/DegreeSelector.tsx +++ b/src/pages/LetterDetail/components/DegreeSelector.tsx @@ -13,7 +13,6 @@ export default function DegreeSelector({ letterDetail, setLetterDetail }: Degree if (!letterId) return alert('편지id값이 담겨있지 않습니다.'); const res = await postEvaluateLetter(letterId, evaluation); if (res?.status === 200) { - console.log('평가완료'); setLetterDetail((cur) => ({ ...cur, evaluated: true })); } }; @@ -50,6 +49,7 @@ export default function DegreeSelector({ letterDetail, setLetterDetail }: Degree onClick={() => { degree.onClick(); }} + aria-label="따숨 온도" > {degree.icon} {degree.title} diff --git a/src/pages/LetterDetail/components/LetterDetailDegreeButton.tsx b/src/pages/LetterDetail/components/LetterDetailDegreeButton.tsx index 769aa51..3926ff3 100644 --- a/src/pages/LetterDetail/components/LetterDetailDegreeButton.tsx +++ b/src/pages/LetterDetail/components/LetterDetailDegreeButton.tsx @@ -40,6 +40,7 @@ export default function LetterDetailDegreeButton({ onClick={() => { setDegreeModalOpen((cur) => !cur); }} + aria-label="편지 평가하기" > 편지 온도 diff --git a/src/pages/LetterDetail/components/LetterDetailHeader.tsx b/src/pages/LetterDetail/components/LetterDetailHeader.tsx index 17cc18c..b0a56f4 100644 --- a/src/pages/LetterDetail/components/LetterDetailHeader.tsx +++ b/src/pages/LetterDetail/components/LetterDetailHeader.tsx @@ -38,6 +38,7 @@ export default function LetterDetailHeader({ onClick={() => { setDeleteModalOpen(true); }} + aria-label="삭제하기" > @@ -47,6 +48,7 @@ export default function LetterDetailHeader({ onClick={() => { setReportModalOpen(true); }} + aria-label="신고하기" > diff --git a/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx b/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx index 60c8ad3..ed3b160 100644 --- a/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx +++ b/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx @@ -12,6 +12,7 @@ export default function LetterDetailReplyButton({ letterDetail }: LetterDetailRe navigate(`/letter/write/?letterId=${letterDetail.letterId}`); }} disabled={!letterDetail?.matched} + aria-label="편지 작성하기" > {letterDetail?.matched ? '편지 작성하기' : '대화가 종료된 편지입니다.'} diff --git a/src/pages/MyPage/components/MyBoardPage.tsx b/src/pages/MyPage/components/MyBoardPage.tsx index 70e9c20..ca78ffd 100644 --- a/src/pages/MyPage/components/MyBoardPage.tsx +++ b/src/pages/MyPage/components/MyBoardPage.tsx @@ -17,7 +17,6 @@ const MyBoardPage = () => { if (!response) { throw new Error('게시글 목록을 불러오는데 실패했습니다.'); } - console.log('myPostList', response); return response.data as SharePost[]; } catch (e) { console.error(e); diff --git a/src/pages/NotFound/index.tsx b/src/pages/NotFound/index.tsx index ea85100..e3591e8 100644 --- a/src/pages/NotFound/index.tsx +++ b/src/pages/NotFound/index.tsx @@ -22,6 +22,7 @@ export default function index() { onClick={() => { navigate(`/`); }} + aria-label="집으로 돌아가기" > 집으로 돌아가기 diff --git a/src/pages/Notifications/components/SendingModal.tsx b/src/pages/Notifications/components/SendingModal.tsx index 70ff870..329a348 100644 --- a/src/pages/Notifications/components/SendingModal.tsx +++ b/src/pages/Notifications/components/SendingModal.tsx @@ -32,6 +32,7 @@ export default function SendingModal({ diff --git a/src/pages/Notifications/components/ShareModal.tsx b/src/pages/Notifications/components/ShareModal.tsx index e35bf54..8227989 100644 --- a/src/pages/Notifications/components/ShareModal.tsx +++ b/src/pages/Notifications/components/ShareModal.tsx @@ -32,6 +32,7 @@ export default function ShareModal({ diff --git a/src/pages/Notifications/index.tsx b/src/pages/Notifications/index.tsx index 445e31e..b33f6ee 100644 --- a/src/pages/Notifications/index.tsx +++ b/src/pages/Notifications/index.tsx @@ -47,7 +47,6 @@ const NotificationsPage = () => { const handleGetTimeLines = async () => { const res = await getTimeLines(); if (res?.status === 200) { - console.log(res); setNoti(res.data.data.content); } }; @@ -64,8 +63,6 @@ const NotificationsPage = () => { return noti; }), ); - } else { - console.log('읽음처리 에러 발생'); } }; @@ -81,8 +78,6 @@ const NotificationsPage = () => { }); }); setNotReadCount(0); - } else { - console.log('모두 읽음처리 에러 발생'); } }; @@ -110,6 +105,7 @@ const NotificationsPage = () => { onClick={() => { handlePatchReadNotificationAll(); }} + aria-label="모두 읽음" > 모두 읽음 diff --git a/src/pages/Onboarding/SetZipCode.tsx b/src/pages/Onboarding/SetZipCode.tsx index f03e1db..874d168 100644 --- a/src/pages/Onboarding/SetZipCode.tsx +++ b/src/pages/Onboarding/SetZipCode.tsx @@ -38,6 +38,7 @@ const SetZipCode = ({ onClick={() => { setIsZipCodeSet(true); }} + aria-label="다음으로" > 다음으로 diff --git a/src/pages/Onboarding/UserInteraction.tsx b/src/pages/Onboarding/UserInteraction.tsx index 02a7e40..3e1a40b 100644 --- a/src/pages/Onboarding/UserInteraction.tsx +++ b/src/pages/Onboarding/UserInteraction.tsx @@ -86,6 +86,7 @@ export default function UserInteraction({ alt="분홍색 편지지" className="h-auto w-full rounded transition-transform duration-1000 ease-in-out hover:scale-105" onClick={handleLetterClick} + aria-label="분홍색 편지를 눌러보세요!" /> diff --git a/src/pages/Onboarding/WelcomeLetter.tsx b/src/pages/Onboarding/WelcomeLetter.tsx index 49a1716..600de08 100644 --- a/src/pages/Onboarding/WelcomeLetter.tsx +++ b/src/pages/Onboarding/WelcomeLetter.tsx @@ -30,6 +30,7 @@ export default function index() { navigate(`/`); sessionStorage.removeItem('onBoarding'); }} + aria-label="홈으로 가기" > 홈으로 가기 diff --git a/src/pages/Onboarding/index.tsx b/src/pages/Onboarding/index.tsx index c5ab71c..467a576 100644 --- a/src/pages/Onboarding/index.tsx +++ b/src/pages/Onboarding/index.tsx @@ -26,10 +26,8 @@ const OnboardingPage = () => { const prevDataString = sessionStorage.getItem('onBoarding'); if (prevDataString) { const newData = JSON.parse(prevDataString); - console.log(newData); setIsZipCodeSet(newData.isZipCodeSet); setIsAnimationOver(newData.isAnimationOver); - console.log('isZipCode', isZipCodeSet, 'isAnimation', isAnimationOver); } }, []); diff --git a/src/pages/RandomLetters/components/CoolTime.tsx b/src/pages/RandomLetters/components/CoolTime.tsx index 7ba4e31..420e474 100644 --- a/src/pages/RandomLetters/components/CoolTime.tsx +++ b/src/pages/RandomLetters/components/CoolTime.tsx @@ -70,6 +70,7 @@ export default function CoolTime({ onClick={() => { navigate('/'); }} + aria-label="홈으로 돌아가기" > 홈으로 돌아가기 diff --git a/src/pages/RandomLetters/components/MatchingSelect.tsx b/src/pages/RandomLetters/components/MatchingSelect.tsx index 80db847..18ca511 100644 --- a/src/pages/RandomLetters/components/MatchingSelect.tsx +++ b/src/pages/RandomLetters/components/MatchingSelect.tsx @@ -46,9 +46,13 @@ export default function MatchingSelect({ onClick={() => { handleGetRandomLetters(selectedCategory); }} + aria-label="리스트 새로고침" > 재시작 아이콘 - + 리스트 새로고침 @@ -63,6 +67,7 @@ export default function MatchingSelect({
@@ -106,6 +111,7 @@ export default function MatchingSelect({ selectedCategory === category.category && 'bg-primary-1 text-white', )} key={idx} + aria-label="카테고리 제목" > {category.title} diff --git a/src/pages/RandomLetters/components/MatchingSelectModal.tsx b/src/pages/RandomLetters/components/MatchingSelectModal.tsx index c7d22c5..3b71a5b 100644 --- a/src/pages/RandomLetters/components/MatchingSelectModal.tsx +++ b/src/pages/RandomLetters/components/MatchingSelectModal.tsx @@ -45,6 +45,7 @@ function MatchingSelectModal({ onClick={() => { setOpenModal(false); }} + aria-label="거부하기" > 거부하기 @@ -56,6 +57,7 @@ function MatchingSelectModal({ writerId: `${selectedLetter.writerId}`, }); }} + aria-label="승인하기" > 승인하기 diff --git a/src/pages/RandomLetters/index.tsx b/src/pages/RandomLetters/index.tsx index d71c3d1..40e80b9 100644 --- a/src/pages/RandomLetters/index.tsx +++ b/src/pages/RandomLetters/index.tsx @@ -45,7 +45,6 @@ const RandomLettersPage = () => { const res = await getRandomLetterMatched(); if (res?.status === 200) { const data: MatchedLetter = res.data.data; - console.log(data); if (data?.temporary === true) { setIsMatched(true); setMatchedLetter(data); @@ -55,16 +54,12 @@ const RandomLettersPage = () => { const handleGetRandomLetterCoolTime = async () => { const res = await getRandomLetterCoolTime(); - console.log(res); if (res?.status === 200) { const data: CoolTimeData = res.data.data; - console.log('쿨타임 데이터', data); if (data?.canSend === false) { setIsCoolTime(true); setCoolTime({ lastMatchedAt: data.lastMatchedAt }); } - } else { - console.log('?'); } }; diff --git a/src/pages/RollingPaper/components/CommentDetailModal.tsx b/src/pages/RollingPaper/components/CommentDetailModal.tsx index 4047352..13c5d0a 100644 --- a/src/pages/RollingPaper/components/CommentDetailModal.tsx +++ b/src/pages/RollingPaper/components/CommentDetailModal.tsx @@ -24,7 +24,12 @@ const CommentDetailModal = ({ return ( <> - diff --git a/src/pages/RollingPaper/components/WriteCommentButton.tsx b/src/pages/RollingPaper/components/WriteCommentButton.tsx index d7c9071..88df5d8 100644 --- a/src/pages/RollingPaper/components/WriteCommentButton.tsx +++ b/src/pages/RollingPaper/components/WriteCommentButton.tsx @@ -40,7 +40,6 @@ const WriteCommentButton = ({ rollingPaperId }: WriteCommentButtonProps) => { }; const handleAddComment = () => { - console.log(rollingPaperId); if (newMessage.trim() === '') { setError('편지를 작성해주세요.'); return; @@ -73,6 +72,7 @@ const WriteCommentButton = ({ rollingPaperId }: WriteCommentButtonProps) => { type="button" className="sticky bottom-8 z-10 mt-auto -mb-4 self-start overflow-hidden rounded-sm" onClick={() => setActiveMessageModal(true)} + aria-label="편지 쓰기" > 편지지 이미지

diff --git a/src/pages/Share/index.tsx b/src/pages/Share/index.tsx index fc45f9a..649b871 100644 --- a/src/pages/Share/index.tsx +++ b/src/pages/Share/index.tsx @@ -21,15 +21,8 @@ const ShareApprovalPage = () => { const handleProposalApproval = async (action: 'approve' | 'reject') => { try { - const result = await postShareProposalApproval(Number(shareProposalId), action); - console.log(`✅ 편지 공유 ${action === 'approve' ? '수락' : '거절'}됨:`, result); - if (action === 'approve') { - setToastActive({ - toastType: 'Success', - title: '편지가 공유되었습니다. 게시판에서 확인해보세요!', - time: 5, - }); - } else { + await postShareProposalApproval(Number(shareProposalId), action); + if (action !== 'approve') { setToastActive({ toastType: 'Info', title: '공유 요청을 성공적으로 거부하였습니다.', diff --git a/src/pages/Write/CategorySelect.tsx b/src/pages/Write/CategorySelect.tsx index 7da2dee..c16a70b 100644 --- a/src/pages/Write/CategorySelect.tsx +++ b/src/pages/Write/CategorySelect.tsx @@ -27,7 +27,6 @@ export default function CategorySelect({ const handlePostLetter = async (letterRequest: LetterRequest) => { const res = await postLetter(letterRequest); if (res?.status === 200) { - console.log(letterRequest); setSend(true); setToastActive({ title: '편지 전송을 완료했습니다.', toastType: 'Success' }); } else if (res?.status === 400) { @@ -100,6 +99,7 @@ export default function CategorySelect({ setToastActive({ title: '카테고리를 선택해주세요.', toastType: 'Warning' }); } }} + aria-label="편지 전송" > 편지 전송 diff --git a/src/pages/Write/LetterEditor.tsx b/src/pages/Write/LetterEditor.tsx index 23ef8b8..2367870 100644 --- a/src/pages/Write/LetterEditor.tsx +++ b/src/pages/Write/LetterEditor.tsx @@ -53,8 +53,6 @@ export default function LetterEditor({ const handlePostReply = async (letterRequest: LetterRequest) => { const res = await postLetter(letterRequest); if (res?.status === 200) { - console.log(letterRequest); - console.log(prevLetter); setSend(true); setStep('category'); setToastActive({ title: '편지 전송을 완료했습니다.', toastType: 'Success' }); @@ -72,7 +70,6 @@ export default function LetterEditor({ const temporaryRequest: TemporaryRequest = { ...letterRequest, letterId: requestLetterId }; const res = await postTemporarySave(temporaryRequest); if (res?.status === 200) { - console.log(res); setToastActive({ title: '임시저장을 완료했습니다.', toastType: 'Success' }); navigate('/'); } else { @@ -101,7 +98,6 @@ export default function LetterEditor({ useEffect(() => { if (isReply) { - console.log('prevLetter', prevLetter); setLetterRequest({ receiverId: prevLetter[0].memberId, parentLetterId: Number(letterId), @@ -144,7 +140,6 @@ export default function LetterEditor({ if (letterRequest.title.trim() !== '' && letterRequest.content.trim() !== '') { if (randomMatched) { const firstReplyRequest = removeProperty(letterRequest, ['matchingId']); - console.log(firstReplyRequest); handlePostFirstReply(firstReplyRequest); } else { if (location.state?.isDraft) { diff --git a/src/pages/Write/components/FontOption.tsx b/src/pages/Write/components/FontOption.tsx index 23ac46d..8bd847c 100644 --- a/src/pages/Write/components/FontOption.tsx +++ b/src/pages/Write/components/FontOption.tsx @@ -24,6 +24,7 @@ export default function FontOption() { onClick={() => { setLetterRequest({ fontType: font.fontType }); }} + aria-label="편지 글꼴 선택" > 안녕! 나는 따수미야! 0123456789{' '} setIndex(idx)} key={idx} + aria-label="과거에 주고 받은 편지" > {idx + 1} diff --git a/src/pages/Write/components/ThemeOption.tsx b/src/pages/Write/components/ThemeOption.tsx index 072de1b..96e7f79 100644 --- a/src/pages/Write/components/ThemeOption.tsx +++ b/src/pages/Write/components/ThemeOption.tsx @@ -17,6 +17,7 @@ export default function ThemeOption() { onClick={() => { setLetterRequest({ paperType: target.paperType }); }} + aria-label="편지 테마 설정하기" > {target.name}