fix-fe: 공고 마감일을 시작일과 같은 날짜로 설정하면 공고가 바로 마감되는 이슈 수정

frontend/src/pages/Landing/index.tsx

@@ -0,0 +1,21 @@
+import { useNavigate } from 'react-router-dom';
+import Logo from '@assets/images/logo.svg';
+import { useEffect } from 'react';
+import S from './style';
+
+export default function Landing() {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    setTimeout(() => navigate('/sign-in'), 2000);
+  }, [navigate]);
+
+  return (
+    <S.Container>
+      <S.Logo
+        src={Logo}
+        alt="크루루 로고"
+      />
+    </S.Container>
+  );
+}

frontend/src/pages/Landing/style.ts

@@ -0,0 +1,31 @@
+import { keyframes } from '@emotion/react';
+import styled from '@emotion/styled';
+
+const fadeIn = keyframes`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;
+
+const Container = styled.div`
+  width: 100vw;
+  height: 100vh;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+const Logo = styled.img`
+  height: 6rem;
+  animation: ${fadeIn} 1.5s ease-out;
+`;
+
+const S = {
+  Container,
+  Logo,
+};
+
+export default S;

frontend/src/router/AppRouter.tsx

@@ -10,6 +10,7 @@ import ConfirmApply from '@pages/ConfirmApply';
 import DashboardLayout from '@pages/DashboardLayout';
 import DashboardList from '@pages/DashBoardList';
 import DashboardCreate from '@pages/DashboardCreate';
+import Landing from '@pages/Landing';
 import { useToast } from '@contexts/ToastContext';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import App from '../App';
@@ -21,6 +22,10 @@ const router = createBrowserRouter(
       element: <App />,
       errorElement: <ErrorPage />,
       children: [
+        {
+          index: true,
+          element: <Landing />,
+        },
         {
           path: '/sign-in',
           element: <SignIn />,

frontend/src/utils/compareTime.test.ts

@@ -48,4 +48,16 @@ describe('getTimeStatus 테스트', () => {
     expect(result.isOngoing).toBe(false);
     expect(result.isClosed).toBe(true);
   });
+
+  it('현재 날짜가 종료 날짜 이후이면 Closed를 반환해야 한다', () => {
+    const result = getTimeStatus({
+      startDate: '2024-08-21T00:00:00Z',
+      endDate: '2024-08-21T00:00:00Z',
+    });
+
+    expect(result.status).toBe('Ongoing');
+    expect(result.isPending).toBe(false);
+    expect(result.isOngoing).toBe(true);
+    expect(result.isClosed).toBe(false);
+  });
 });

frontend/src/utils/formatDate.ts

@@ -12,7 +12,7 @@ export default function formatDate(dateString: ISO8601 | string) {
 
 export function getCleanDateString(dateString?: ISO8601 | string) {
   const date = dateString ? new Date(dateString) : new Date();
-  date.setHours(date.getHours() + 9);
+  date.setHours(date.getHours());
   return new Date(date.toDateString());
 }