7주차 작업물

.github/ISSUE_TEMPLATE/ISSUE_REQUEST_TEMPLATE.md

@@ -12,14 +12,12 @@ assignees: ''
 
 ## 🔧 작업 상세 내용
 
-- [ ] TODO
-- [ ] TODO
-- [ ] TODO
+- TODO
+- TODO
 
 ## 📆 예상 기간
 
 > 예상 개발 기간을 대략적으로 작성해주세요.
 >
 > 예) 0월 00일 ~ 0월 00일
 
-## 📙 참고할만한 자료(선택)

package.json

@@ -17,11 +17,14 @@
     "@emotion/styled": "^11.13.0",
     "@tanstack/react-query": "^5.51.11",
     "axios": "^1.7.5",
+    "date-fns": "^4.1.0",
     "msw": "^2.3.5",
     "react": "^18.3.1",
+    "react-datepicker": "^7.4.0",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.0",
     "react-icons": "^5.2.1",
+    "react-intersection-observer": "^9.13.1",
     "react-modal": "^3.16.1",
     "react-router-dom": "^6.26.1",
     "swiper": "^11.1.14",

src/app/routes/index.tsx

@@ -1,21 +1,24 @@
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 
 import { RouterPath } from './path';
-import MainPage from '@/pages/common/main/MainPage';
-import { RedirectPage } from '@/pages/common/redirect';
-import RegisterPage from '@/pages/common/register/RegisterPage';
-import GuideLinePage from '@/pages/guard/guide-line';
-import GuardMyPage from '@/pages/guard/mypage';
-import SeniorRegisterPage from '@/pages/guard/register';
-import SinittoReviewPage from '@/pages/guard/review';
-import ServiceHistoryPage from '@/pages/guard/service-history';
-import CallBackDetailPage from '@/pages/sinitto/call-back/detail';
-import CallBackListPage from '@/pages/sinitto/call-back/list';
-import SinittoGuideLinePage from '@/pages/sinitto/guide-line';
-import HelloCallListPage from '@/pages/sinitto/hello-call/hello-call-list';
-import HelloCallReportPage from '@/pages/sinitto/hello-call/hello-call-report';
-import HelloCallServicePage from '@/pages/sinitto/hello-call/hello-call-service';
-import SinittoMypage from '@/pages/sinitto/mypage';
+import {
+  MainPage,
+  RegisterPage,
+  RedirectPage,
+  SinittoMypage,
+  GuardMyPage,
+  GuideLinePage,
+  ServiceHistoryPage,
+  HelloCallListPage,
+  HelloCallServicePage,
+  HelloCallReportPage,
+  SeniorRegisterPage,
+  CallBackListPage,
+  CallBackDetailPage,
+  SinittoGuideLinePage,
+  SinittoReviewPage,
+  HelloCallApplyPage,
+} from '@/pages';
 import { Layout } from '@/shared/components';
 
 const router = createBrowserRouter([
@@ -45,6 +48,10 @@ const router = createBrowserRouter([
             path: RouterPath.HELLO_CALL_REPORT,
             element: <HelloCallReportPage />,
           },
+          {
+            path: RouterPath.HELLO_CALL_GUARD_APPLY,
+            element: <HelloCallApplyPage />,
+          },
         ],
       },
       { path: RouterPath.SENIOR_REGISTER, element: <SeniorRegisterPage /> },

src/app/routes/path.ts

@@ -8,9 +8,10 @@ export const RouterPath = {
   GUARD_GUIDELINE: `/guard/guideline`,
   SINITTO_MYPAGE: `/sinitto/mypage`,
   SERVICE_HISTORY: `/service-history`,
+  HELLO_CALL: `/hello-call`,
   HELLO_CALL_SERVICE: 'service',
   HELLO_CALL_REPORT: 'report',
-  HELLO_CALL: `/hello-call`,
+  HELLO_CALL_GUARD_APPLY: `guard/apply`,
   CALL_BACK_LIST: '/call-back',
   CALL_BACK_DETAIL: ':callBackId',
   CALL_BACK_GUID_LINE: ':guideLineId',

src/main.tsx

@@ -1,3 +1,4 @@
+import 'react-datepicker/dist/react-datepicker.css';
 import { createRoot } from 'react-dom/client';
 
 import App from './App.tsx';

src/pages/common/index.ts

@@ -0,0 +1,3 @@
+export * from './main';
+export * from './redirect';
+export * from './register';

src/pages/common/main/MainPage.tsx

@@ -1,5 +1,4 @@
-import LoginButton from './components/login-button';
-import ReviewBox from './components/review-box';
+import { ReviewBox, LoginButton } from './components';
 import { Box, Text } from '@chakra-ui/react';
 import styled from '@emotion/styled';
 

src/pages/common/main/components/index.ts

@@ -0,0 +1,2 @@
+export * from './login-button';
+export * from './review-box';

src/pages/common/main/components/login-button/index.ts

@@ -0,0 +1 @@
+export { default as LoginButton } from './LoginButton';

src/pages/common/main/components/review-box/index.ts

@@ -0,0 +1 @@
+export { default as ReviewBox } from './ReviewBox';

src/pages/common/main/index.ts

@@ -0,0 +1,3 @@
+export * from './components';
+
+export { default as MainPage } from './MainPage';

src/pages/common/register/data/guard/guard-data.ts

@@ -0,0 +1,38 @@
+export const GUARD_DATA = {
+  intro:
+    '본인은 [나만의 작은 시니또]의 시니어 마니또 매칭 서비스를 이용함에 있어, 다음과 같은 사항을 충분히 이해하고 동의합니다.',
+  sections: [
+    {
+      title: '1. 결제 책임의 한계',
+      contents: [
+        '본 서비스의 시니어를 위한 마니또(이하 ‘시니어 케어 제공자’)는 조부모님의 요청에 따라 택시 호출 및 기타 유사한 서비스를 대신 예약할 수 있습니다. 그러나 모든 예약에 따른 결제 책임은 전적으로 조부모님 또는 보호자에게 있으며, 시니어 케어 제공자는 결제에 관여하지 않습니다.',
+        '이에 따라, 조부모님이 결제를 하지 못하는 상황이 발생할 경우, 해당 금액에 대한 모든 책임은 보호자에게 있으며, [나만의 작은 시니또] 및 시니어 케어 제공자는 이에 대한 법적, 재정적 책임을 지지 않습니다.',
+      ],
+    },
+    {
+      title: '2. 개인정보 제공 및 관리',
+      contents: [
+        '보호자는 본 서비스를 이용하기 위해 조부모님의 개인정보를 제공해야 하며, 해당 정보는 조부모님의 서비스 이용을 위한 목적으로만 사용됩니다.',
+        '보호자는 제공한 개인정보가 정확하고 최신 상태임을 보장해야 하며, 이를 통해 발생하는 모든 문제에 대한 책임을 집니다. 또한 보호자는 필요 시 개인정보 변경을 즉시 [나만의 작은 시니또]에 통보해야 합니다.',
+      ],
+    },
+    {
+      title: '3. 서비스 이용의 책임',
+      contents: [
+        '특히, 보호자는 조부모님의 재정 상태를 충분히 확인한 후 서비스 이용을 권장해야 하며, 만약 이로 인해 발생하는 재정적 손실에 대해 [나만의 작은 시니또]에 어떠한 법적 책임도 묻지 않을 것임을 서약합니다.',
+      ],
+    },
+    {
+      title: '4. 서약 위반 시 책임',
+      contents: [
+        '본 서약서의 내용 중 하나라도 위반될 경우, [나만의 작은 시니또]는 서비스를 일시 중단하거나 제한할 수 있으며, 이에 대해 보호자는 이의를 제기하지 않을 것에 동의합니다.',
+      ],
+    },
+    {
+      title: '5. 법적 효력',
+      contents: [
+        '본 서약서는 법적 효력을 가지며, 보호자는 이를 충분히 이해하고 동의한 후 서비스를 이용합니다. 이 서약서에 동의하지 않을 경우, 서비스 이용이 불가능함을 인지하고 있습니다.',
+      ],
+    },
+  ],
+};