Merge branch 'develop' into feature/16

Author: LeeCh0129

package.json

@@ -12,9 +12,12 @@
     "@tanstack/react-query": "^5.82.0",
     "axios": "^1.10.0",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.11.13",
     "framer-motion": "^12.23.0",
     "next": "15.3.5",
     "react": "^19.0.0",
+    "react-datepicker": "^8.4.0",
     "react-dom": "^19.0.0",
     "react-kakao-maps-sdk": "^1.2.0",
     "tailwind-merge": "^3.3.1",
@@ -25,6 +28,7 @@
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
     "@types/react": "^19",
+    "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "15.3.5",

pnpm-lock.yaml

@@ -1,5 +1,7 @@
 const config = {
-  plugins: ["@tailwindcss/postcss"],
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
 };
 
 export default config;

postcss.config.mjs

@@ -0,0 +1,28 @@
+import React from 'react';
+
+interface IconArrowLeftProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+
+const IconArrowLeft = ({
+  size = 16,
+  color = '#0B3B2D',
+  ...props
+}: IconArrowLeftProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill={color}
+    {...props}
+  >
+    <path
+      fill={color}
+      d="m5.832 7.765 4.22-4.092c.263-.255.766-.1.766.236v8.183c0 .336-.503.491-.766.236l-4.22-4.092a.317.317 0 0 1 0-.471"
+    ></path>
+  </svg>
+);
+
+export default IconArrowLeft;

src/app/assets/icons/left-arrow.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+interface IconArrowRightProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+
+const IconArrowRight = ({
+  size = 16,
+  color = '#0B3B2D',
+  ...props
+}: IconArrowRightProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill={color}
+    {...props}
+  >
+    <path
+      fill={color}
+      d="m10.168 7.764-4.22-4.092c-.263-.255-.766-.1-.766.236v8.183c0 .336.503.491.766.236l4.22-4.092a.317.317 0 0 0 0-.471"
+    />
+  </svg>
+);
+
+export default IconArrowRight;

src/app/assets/icons/right-arrow.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+const CheckIcon = ({ size = 24, ...props }) => (
+  <svg
+    xmlns='http://www.w3.org/2000/svg'
+    width={size}
+    height={size}
+    fill='none'
+    viewBox='0 0 24 24'
+  >
+    <circle cx='12' cy='12' r='12' fill='#121'></circle>
+    <path
+      stroke='#fff'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth='1.5'
+      d='m7.607 12.35 3.08 3.15 5.563-7.143'
+    />
+  </svg>
+);
+
+export default CheckIcon;

src/assets/icon/check.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import cn from '@lib/cn';
-import { ButtonProps } from './types';
+import { ButtonProps } from '@/types/buttonTypes';
 
 /**
  * 공통 Button 컴포넌트입니다.

src/components/button/Button.tsx src/components/Button/index.tsxsrc/components/button/Button.tsx renamed to src/components/Button/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useId, useState } from 'react';
-import { InputProps } from './types';
+import { InputProps } from '@/types/inputTypes';
 import OpenEyeIcon from '@assets/svg/open-eye';
 import CloseEyeIcon from '@assets/svg/close-eye';
 import cn from '@lib/cn';

src/components/input/Input.tsx src/components/Input/index.tsxsrc/components/input/Input.tsx renamed to src/components/Input/index.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import cn from '@lib/cn';
-import { useModalContext } from './ModalContext';
-import { ModalProps } from './types';
+import { useModalContext } from '@/contexts/ModalContext';
+import { ModalProps } from '@/types/modalTypes';
 import IconClose from '@assets/svg/close';
 
 /**

src/components/modal/ModalClose.tsx src/components/Modal/Close.tsxsrc/components/modal/ModalClose.tsx renamed to src/components/Modal/Close.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import cn from '@lib/cn';
-import { ModalProps } from './types';
-import { useModalContext } from './ModalContext';
+import { ModalProps } from '@/types/modalTypes';
+import { useModalContext } from '@/contexts/ModalContext';
 import { createPortal } from 'react-dom';
 import { useEffect, useState } from 'react';