+ {DOCK_ITEMS.map(item => (
+
+ )}
+
+ );
+}
+
+const DockButton = ({ item, selected }: DockButtonProps) => {
+ const { replace } = useFlow();
+
+ const onClick = () => {
+ replace(item, { animate: false }, { animate: false });
+ };
+
+ return (
+
+ {selected ? DOCK[item].selectedIcon : DOCK[item].icon}
+
+ );
+};
diff --git a/src/shared/ui/index.ts b/src/shared/ui/index.ts
new file mode 100644
index 0000000..d026ed2
--- /dev/null
+++ b/src/shared/ui/index.ts
@@ -0,0 +1,2 @@
+export * from './AppBar';
+export { default as Dock } from './Dock';
diff --git a/src/shared/utils/index.ts b/src/shared/utils/index.ts
new file mode 100644
index 0000000..57f9f48
--- /dev/null
+++ b/src/shared/utils/index.ts
@@ -0,0 +1 @@
+export * from './string';
diff --git a/src/shared/utils/string.ts b/src/shared/utils/string.ts
new file mode 100644
index 0000000..33e3cfe
--- /dev/null
+++ b/src/shared/utils/string.ts
@@ -0,0 +1,10 @@
+import { type ClassValue, clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs));
+}
+
+export function getPath(base: string, path: string) {
+ return `${base}/${path}`;
+}
diff --git a/src/widgets/home/ui/HomeButton.tsx b/src/widgets/home/ui/HomeButton.tsx
new file mode 100644
index 0000000..e7bc4f7
--- /dev/null
+++ b/src/widgets/home/ui/HomeButton.tsx
@@ -0,0 +1,43 @@
+export const HomeButton = ({
+ icon,
+ label,
+ description,
+ buttonLabel,
+ onClick = () => {},
+ isAtag = false,
+}: {
+ icon: string;
+ label: string;
+ description: string;
+ buttonLabel: string;
+ onClick?: () => void;
+ isAtag?: boolean;
+}) => {
+ return (
+ + {DOCK[item].title} +
+
+
').map((line, index) => ( +
+ {buttonLabel}
+
+ ) : (
+
+ )}
+
+ );
+};
diff --git a/src/widgets/home/ui/HomeContainer.tsx b/src/widgets/home/ui/HomeContainer.tsx
new file mode 100644
index 0000000..8875352
--- /dev/null
+++ b/src/widgets/home/ui/HomeContainer.tsx
@@ -0,0 +1,39 @@
+import { HomeButton } from './HomeButton';
+import {
+ CameraSolidIcon,
+ EditIcon,
+ PhoneIcon,
+ TractorBlackIcon,
+} from '@/assets/icons';
+
+export default function HomeContainer() {
+ return (
+ {label}
+ {description.split('').map((line, index) => ( +
+ {line} +
+ ))} + {isAtag ? ( + +
+
+ );
+}
diff --git a/src/widgets/home/ui/index.ts b/src/widgets/home/ui/index.ts
new file mode 100644
index 0000000..8601ff2
--- /dev/null
+++ b/src/widgets/home/ui/index.ts
@@ -0,0 +1 @@
+export { default as HomeContainer } from './HomeContainer';
diff --git a/src/widgets/join/api/index.ts b/src/widgets/join/api/index.ts
new file mode 100644
index 0000000..f141a8d
--- /dev/null
+++ b/src/widgets/join/api/index.ts
@@ -0,0 +1 @@
+export * from './join';
diff --git a/src/widgets/join/api/join.ts b/src/widgets/join/api/join.ts
new file mode 100644
index 0000000..4e46635
--- /dev/null
+++ b/src/widgets/join/api/join.ts
@@ -0,0 +1,30 @@
+import { useFlow } from '@/app/stackflow';
+import { post, REQUEST } from '@/shared/api';
+import { PATH } from '@/shared/constants';
+import { useMutation } from '@tanstack/react-query';
+import type { Dispatch, SetStateAction } from 'react';
+
+const submitIdCard = async (data: FormData) => {
+ const response = await post({
+ request: REQUEST.JOIN,
+ data: data,
+ });
+ return response.data;
+};
+
+export const useSubmitIdCard = (
+ setSelectedImage: Dispatch
+ 
+ 농기구 대여 서비스
+
+
+
+
+
+ );
+}
diff --git a/src/widgets/join/ui/index.ts b/src/widgets/join/ui/index.ts
new file mode 100644
index 0000000..8136080
--- /dev/null
+++ b/src/widgets/join/ui/index.ts
@@ -0,0 +1 @@
+export { default as JoinContainer } from './JoinContainer';
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 1597d8c..6840382 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -6,6 +6,10 @@
"lib": ["ES2022", "DOM", "DOM.Iterable"],
"module": "ESNext",
"skipLibCheck": true,
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["src/*"]
+ },
/* Bundler mode */
"moduleResolution": "bundler",
diff --git a/vite.config.ts b/vite.config.ts
index 2328e17..983eb94 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,13 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import tailwindcss from "@tailwindcss/vite";
// https://vite.dev/config/
export default defineConfig({
- plugins: [react()],
-})
+ plugins: [react(), tailwindcss()],
+ resolve: {
+ alias: {
+ "@": "/src",
+ },
+ },
+});
+ 
+
+ 농기구 임대 서비스
++ 주민등록증만 있으면 바로 시작할 수 있어요 +
+ +