@@ -100,15 +121,28 @@ const BacktestingPage = () => {
totalWeight={totalWeight}
>
-
+
+ {/* ๋ชฉ๋ฐ์ดํฐ ๋ฒํผ (๋ฐฑ์๋ ์ฐ๊ฒฐ ์ ์๋ ์ฃผ์ ํด์ ํ๊ณ ์ด ๋ฒํผ ์ ๊ฑฐ) */}
+
+
+
+
+ {/* ์ค์ API ๋ฒํผ (๋ฐฑ์๋ ์ฐ๊ฒฐ ์ ์ฃผ์ ํด์ ) */}
+ {/*
-
+
*/}
- {/* ๋ก๋ฉ ์ํ ๋๋ Progress ์งํ ์ค - ์ ์ฒด ํ๋ฉด overlay */}
- {(isPending || (progress > 0 && progress < 100)) && (
+ {/* ์ค์ API ๋ก๋ฉ ์ํ (๋ฐฑ์๋ ์ฐ๊ฒฐ ์ ์ฃผ์ ํด์ ) */}
+ {/* {(isPending || (progress > 0 && progress < 100)) && (
@@ -121,10 +155,10 @@ const BacktestingPage = () => {
- )}
+ )} */}
- {/* ์๋ฌ ์ํ - error๊ฐ ์๊ฑฐ๋ data.isSuccess๊ฐ false์ธ ๊ฒฝ์ฐ */}
- {hasError && !isPending && progress === 0 && (
+ {/* ์ค์ API ์๋ฌ ์ํ (๋ฐฑ์๋ ์ฐ๊ฒฐ ์ ์ฃผ์ ํด์ ) */}
+ {/* {hasError && !isPending && progress === 0 && (
@@ -139,14 +173,23 @@ const BacktestingPage = () => {
+ )} */}
+
+ {/* ๋ชฉ๋ฐ์ดํฐ ๊ฒฐ๊ณผ */}
+ {mockResult && lastRequest && (
+
+
+
+
)}
- {/* ์ฑ๊ณต ์ํ - Progress๊ฐ 100%๊ฐ ๋๊ณ showResult๊ฐ true์ผ ๋๋ง ๋ ๋๋ง */}
- {showResult && !error && data?.isSuccess && data?.result && (
+ {/* ์ค์ API ๊ฒฐ๊ณผ (๋ฐฑ์๋ ์ฐ๊ฒฐ ์ ์ฃผ์ ํด์ ํ๊ณ ์ ๋ชฉ๋ฐ์ดํฐ ๊ฒฐ๊ณผ ์ ๊ฑฐ) */}
+ {/* {showResult && !error && data?.isSuccess && data?.result && (
+ {lastRequest && }
- )}
+ )} */}
-
-
-
-
-
- ํฌํธํด๋ฆฌ์ค๊ฐ ์์ต๋๋ค :(
-
- ์์ง ์ํํ ๋ฐฑํ
์คํ
์ด ์์ด์.
- ์๋ ๋ฒํผ์ ํตํด ๋ฐฑํ
์คํ
์ ์ํํด๋ณด์ธ์.
-
-
-
-
-
-
+
+
+
+
+
+
+
+ | # |
+ ํฌํธํด๋ฆฌ์ค๋ช
|
+ ํฌ์๊ธ |
+ ์ต์ข
์์ฐ |
+ CAGR |
+ ์์ฑ์ผ |
+ ์ญ์ |
+
+
+
+ {backtests.map((item, index) => {
+ const summary = item.result.portfolioSummary;
+ const cagrClass =
+ summary.cagr > 0
+ ? "text-red-500"
+ : summary.cagr < 0
+ ? "text-blue-500"
+ : "text-white";
+
+ return (
+ navigate(`/portfolio/${item.id}`)}
+ >
+ | {index + 1} |
+
+ {item.title}
+
+ {item.request.startDate} ~ {item.request.endDate}
+
+ |
+ {formatNumber(summary.initialCapital)}์ |
+
+ {formatNumber(summary.finalCapital)}์
+ |
+
+ {summary.cagr > 0 ? "+" : ""}
+ {summary.cagr.toFixed(2)}%
+ |
+
+ {new Date(item.created_at).toLocaleDateString("ko-KR")}
+ |
+
+
+ |
+
+ );
+ })}
+
+
+
);
};
diff --git a/src/pages/SignupPage.tsx b/src/pages/SignupPage.tsx
new file mode 100644
index 0000000..7dd38a8
--- /dev/null
+++ b/src/pages/SignupPage.tsx
@@ -0,0 +1,136 @@
+import { useState } from "react";
+import { Link, useNavigate } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Logo from "@/components/Navbar/Logo";
+import { useSignUp } from "@/lib/hooks/useSignUp";
+import { signInWithGitHub } from "@/lib/apis/auth";
+import { generateErrorMessage } from "@/lib/error";
+import { toast } from "sonner";
+import { Github } from "lucide-react";
+
+const SignupPage = () => {
+ const [email, setEmail] = useState("");
+ const [password, setPassword] = useState("");
+ const [confirmPassword, setConfirmPassword] = useState("");
+
+ const navigate = useNavigate();
+
+ const { mutate: signUp, isPending: isSignUpPending } = useSignUp({
+ onError: (error) => {
+ const message = generateErrorMessage(error);
+
+ toast.error(message);
+ },
+ });
+
+ const handleClickSignUpWithPassword = () => {
+ if (email.trim() === "") return;
+ if (password.trim() === "") return;
+ if (confirmPassword.trim() === "") return;
+
+ if (password !== confirmPassword) {
+ toast.error("๋น๋ฐ๋ฒํธ๊ฐ ์ผ์นํ์ง ์์ต๋๋ค.", { position: "top-center" });
+ return;
+ }
+
+ if (password.length < 6) {
+ toast.error("๋น๋ฐ๋ฒํธ๋ ์ต์ 6์ ์ด์์ด์ด์ผ ํฉ๋๋ค.");
+ return;
+ }
+
+ signUp(
+ { email, password },
+ {
+ onSuccess: () => {
+ toast.success("ํ์๊ฐ์
์ด ์๋ฃ๋์์ต๋๋ค. ๋ก๊ทธ์ธํด์ฃผ์ธ์.");
+ navigate("/login");
+ },
+ }
+ );
+ };
+
+ return (
+ // 1. ์ ์ฒด ํ์ด์ง ์ปจํ
์ด๋
+
+ {/* 2. ํ์๊ฐ์
์นด๋ ์ปจํ
์ด๋ */}
+
+ {/* 3. ๋ก๊ณ ๋ฐ ํค๋ */}
+
+
+
+ ํ์๊ฐ์
ํ, ํฌ์ ์ ๋ต์ ์ง์ ๊ฒ์ฆํด๋ณผ ์ ์์ด์.
+
+
+
+ {/* 4. ์ด๋ฉ์ผ/๋น๋ฐ๋ฒํธ ์
๋ ฅ ์์ญ */}
+
+ setEmail(e.target.value)}
+ className="bg-white/10 py-6 border-white/20 text-white placeholder:text-gray-500"
+ type="email"
+ placeholder="example@email.com"
+ />
+ setPassword(e.target.value)}
+ className="bg-white/10 py-6 border-white/20 text-white placeholder:text-gray-500"
+ type="password"
+ placeholder="password"
+ />
+ setConfirmPassword(e.target.value)}
+ className="bg-white/10 py-6 border-white/20 text-white placeholder:text-gray-500"
+ type="password"
+ placeholder="confirm password"
+ />
+
+
+ {/* 5. ํ์๊ฐ์
๋ฒํผ ์์ญ */}
+
+
+
+
+
+
+
+
+ {/* 6. ๋ก๊ทธ์ธ ์ ๋ ๋ฌธ๊ตฌ */}
+
+
+ ์ด๋ฏธ ๊ณ์ ์ด ์์ผ์ ๊ฐ์?{" "}
+
+ ๋ก๊ทธ์ธ
+
+
+
+
+
+ );
+};
+
+export default SignupPage;
diff --git a/src/routes/routes.tsx b/src/routes/routes.tsx
index 50172ee..ca219c6 100644
--- a/src/routes/routes.tsx
+++ b/src/routes/routes.tsx
@@ -1,8 +1,19 @@
import { type RouteObject } from "react-router-dom";
import Layout from "@/layouts/Layout";
import { MainPage, MarketsPage, MarketDetailPage, PortfolioPage, BacktestingPage } from "@/pages";
+import LoginPage from "@/pages/LoginPage";
+import SignupPage from "@/pages/SignupPage";
+import PortfolioDetailPage from "@/pages/PortfolioDetailPage";
export const routes: RouteObject[] = [
+ {
+ path: "/login",
+ element:
,
+ },
+ {
+ path: "/signup",
+ element:
,
+ },
{
path: "/",
element:
,
@@ -11,6 +22,7 @@ export const routes: RouteObject[] = [
{ path: "markets", element:
},
{ path: "markets/:code", element:
},
{ path: "portfolio", element:
},
+ { path: "portfolio/:backtestId", element:
},
{ path: "backtest", element:
},
],
},
diff --git a/supabase/backtest_results.sql b/supabase/backtest_results.sql
new file mode 100644
index 0000000..86f3f98
--- /dev/null
+++ b/supabase/backtest_results.sql
@@ -0,0 +1,23 @@
+create table backtest_results (
+ id uuid default gen_random_uuid() primary key,
+ user_id uuid references auth.users(id) on delete cascade not null,
+ title text not null,
+ request jsonb not null,
+ result jsonb not null,
+ created_at timestamptz default now() not null
+);
+
+-- RLS: ๋ณธ์ธ ๋ฐ์ดํฐ๋ง ์ ๊ทผ
+alter table backtest_results enable row level security;
+
+create policy "Users can insert own data"
+ on backtest_results for insert
+ with check (auth.uid() = user_id);
+
+create policy "Users can select own data"
+ on backtest_results for select
+ using (auth.uid() = user_id);
+
+create policy "Users can delete own data"
+ on backtest_results for delete
+ using (auth.uid() = user_id);