Skip to content

fix: Supabase env 누락 시 앱 크래시 대신 토스트 안내 #69

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jjamming merged 2 commits into from
May 17, 2026
Merged

fix: Supabase env 누락 시 앱 크래시 대신 토스트 안내 #69

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d5ec975
fix: Supabase 환경변수 누락 시 앱 크래시 대신 토스트 안내
jjamming May 17, 2026
4560230
chore: 메인페이지 KOSPI/KOSDAQ 목데이터 최신화 (2026-05-11~15)
jjamming May 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
188 changes: 74 additions & 114 deletions src/_MainPage/mocks/marketIndexMock.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,156 +2,116 @@ import type { MarketIndex } from "@/_MainPage/types/MarketIndexType";

export const MOCK_KOSPI: MarketIndex = {
marketType: "KOSPI",
startDate: "2026-03-01",
endDate: "2026-03-08",
startDate: "2026-05-11",
endDate: "2026-05-15",
data: [
{
marketType: "KOSPI",
baseDate: "2026-03-02",
openPrice: 5320.15,
closePrice: 5345.82,
highPrice: 5368.4,
lowPrice: 5310.2,
changeAmount: 25.67,
changeRate: 0.48,
baseDate: "2026-05-11",
openPrice: 7775.31,
closePrice: 7822.24,
highPrice: 7899.32,
lowPrice: 7713.49,
changeAmount: 324.24, // 5월 8일 종가(7498.00) 대비
changeRate: 4.32,
},
{
marketType: "KOSPI",
baseDate: "2026-03-03",
openPrice: 5345.82,
closePrice: 5412.3,
highPrice: 5425.1,
lowPrice: 5338.5,
changeAmount: 66.48,
changeRate: 1.24,
baseDate: "2026-05-12",
openPrice: 7953.41,
closePrice: 7643.15,
highPrice: 7999.67,
lowPrice: 7421.71,
changeAmount: -179.09,
changeRate: -2.29,
},
{
marketType: "KOSPI",
baseDate: "2026-03-04",
openPrice: 5412.3,
closePrice: 5389.75,
highPrice: 5430.0,
lowPrice: 5375.2,
changeAmount: -22.55,
changeRate: -0.42,
baseDate: "2026-05-13",
openPrice: 7513.65,
closePrice: 7844.01,
highPrice: 7855.47,
lowPrice: 7402.36,
changeAmount: 200.86,
changeRate: 2.63,
},
{
marketType: "KOSPI",
baseDate: "2026-03-05",
openPrice: 5389.75,
closePrice: 5456.2,
highPrice: 5470.8,
lowPrice: 5382.1,
changeAmount: 66.45,
changeRate: 1.23,
baseDate: "2026-05-14",
openPrice: 7873.91,
closePrice: 7981.41,
highPrice: 7991.04,
lowPrice: 7842.72,
changeAmount: 137.4,
changeRate: 1.75,
},
{
marketType: "KOSPI",
baseDate: "2026-03-06",
openPrice: 5456.2,
closePrice: 5523.48,
highPrice: 5540.3,
lowPrice: 5448.9,
changeAmount: 67.28,
changeRate: 1.23,
},
{
marketType: "KOSPI",
baseDate: "2026-03-07",
openPrice: 5523.48,
closePrice: 5498.12,
highPrice: 5545.0,
lowPrice: 5480.5,
changeAmount: -25.36,
changeRate: -0.46,
},
{
marketType: "KOSPI",
baseDate: "2026-03-08",
openPrice: 5498.12,
closePrice: 5567.35,
highPrice: 5580.2,
lowPrice: 5492.8,
changeAmount: 69.23,
changeRate: 1.26,
baseDate: "2026-05-15",
openPrice: 7951.75,
closePrice: 7493.18,
highPrice: 8046.78,
lowPrice: 7371.68,
changeAmount: -488.23,
changeRate: -6.12,
},
],
};

export const MOCK_KOSDAQ: MarketIndex = {
marketType: "KOSDAQ",
startDate: "2026-03-01",
endDate: "2026-03-08",
startDate: "2026-05-11",
endDate: "2026-05-15",
data: [
{
marketType: "KOSDAQ",
baseDate: "2026-03-02",
openPrice: 1085.3,
closePrice: 1092.45,
highPrice: 1098.7,
lowPrice: 1080.1,
changeAmount: 7.15,
changeRate: 0.66,
},
{
marketType: "KOSDAQ",
baseDate: "2026-03-03",
openPrice: 1092.45,
closePrice: 1108.2,
highPrice: 1115.3,
lowPrice: 1090.8,
changeAmount: 15.75,
changeRate: 1.44,
},
{
marketType: "KOSDAQ",
baseDate: "2026-03-04",
openPrice: 1108.2,
closePrice: 1095.6,
highPrice: 1112.4,
lowPrice: 1088.3,
changeAmount: -12.6,
changeRate: -1.14,
baseDate: "2026-05-11",
openPrice: 1212.88,
closePrice: 1207.34,
highPrice: 1212.89,
lowPrice: 1190.6,
changeAmount: -0.38, // 5월 8일 종가(1207.72) 대비
changeRate: -0.03,
},
{
marketType: "KOSDAQ",
baseDate: "2026-03-05",
openPrice: 1095.6,
closePrice: 1118.35,
highPrice: 1125.0,
lowPrice: 1093.2,
changeAmount: 22.75,
changeRate: 2.08,
baseDate: "2026-05-12",
openPrice: 1214.9,
closePrice: 1179.29,
highPrice: 1225.29,
lowPrice: 1142.49,
changeAmount: -28.05,
changeRate: -2.32,
},
{
marketType: "KOSDAQ",
baseDate: "2026-03-06",
openPrice: 1118.35,
closePrice: 1135.8,
highPrice: 1142.5,
lowPrice: 1115.4,
changeAmount: 17.45,
changeRate: 1.56,
baseDate: "2026-05-13",
openPrice: 1176.43,
closePrice: 1176.93,
highPrice: 1183.07,
lowPrice: 1153.65,
changeAmount: -2.36,
changeRate: -0.2,
},
{
marketType: "KOSDAQ",
baseDate: "2026-03-07",
openPrice: 1135.8,
closePrice: 1128.92,
highPrice: 1140.2,
lowPrice: 1122.6,
changeAmount: -6.88,
changeRate: -0.61,
baseDate: "2026-05-14",
openPrice: 1187.02,
closePrice: 1191.09,
highPrice: 1194.03,
lowPrice: 1162.2,
changeAmount: 14.16,
changeRate: 1.2,
},
{
marketType: "KOSDAQ",
baseDate: "2026-03-08",
openPrice: 1128.92,
closePrice: 1148.5,
highPrice: 1155.3,
lowPrice: 1126.4,
changeAmount: 19.58,
changeRate: 1.73,
baseDate: "2026-05-15",
openPrice: 1197.23,
closePrice: 1129.82,
highPrice: 1197.23,
lowPrice: 1110.16,
changeAmount: -61.27,
changeRate: -5.14,
},
],
};
7 changes: 6 additions & 1 deletion src/lib/contexts/AuthContext.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { createContext, useEffect, useState } from "react";
import type { User } from "@supabase/supabase-js";
import { supabase } from "@/lib/supabase";
import { supabase, isSupabaseConfigured } from "@/lib/supabase";

interface AuthContextType {
user: User | null;
Expand All @@ -17,6 +17,11 @@ export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
const [isLoading, setIsLoading] = useState(true);

useEffect(() => {
if (!isSupabaseConfigured) {
setIsLoading(false);
return;
}

supabase.auth.getSession().then(({ data: { session } }) => {
setUser(session?.user ?? null);
setIsLoading(false);
Expand Down
5 changes: 5 additions & 0 deletions src/lib/error.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import { AuthError } from "@supabase/supabase-js";
import { SupabaseConfigError } from "@/lib/supabase";

const AUTH_ERROR_MESSAGE_MAP: Record<string, string> = {
email_exists: "이미 사용 중인 이메일입니다.",
Expand All @@ -22,6 +23,10 @@ const AUTH_ERROR_MESSAGE_MAP: Record<string, string> = {
};

export function generateErrorMessage(error: unknown) {
if (error instanceof SupabaseConfigError) {
return error.message;
}

if (error instanceof AuthError && error.code) {
return (
AUTH_ERROR_MESSAGE_MAP[error.code] ??
Expand Down
24 changes: 20 additions & 4 deletions src/lib/supabase.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,26 @@
import { createClient } from "@supabase/supabase-js";
import { createClient, type SupabaseClient } from "@supabase/supabase-js";

const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
const supabaseKey = import.meta.env.VITE_SUPABASE_PUBLISHABLE_DEFAULT_KEY;

if (!supabaseUrl || !supabaseKey) {
throw new Error("Supabase 환경변수가 없거나 잘못되었습니다.");
export const isSupabaseConfigured = Boolean(supabaseUrl && supabaseKey);

export class SupabaseConfigError extends Error {
constructor() {
super("인증 서비스 설정이 누락되었습니다. 잠시 후 다시 시도해주세요.");
this.name = "SupabaseConfigError";
}
}

function createUnconfiguredClient(): SupabaseClient {
const handler: ProxyHandler<object> = {
get() {
throw new SupabaseConfigError();
},
};
return new Proxy({}, handler) as SupabaseClient;
}

export const supabase = createClient(supabaseUrl, supabaseKey);
export const supabase: SupabaseClient = isSupabaseConfigured
? createClient(supabaseUrl, supabaseKey)
: createUnconfiguredClient();
10 changes: 9 additions & 1 deletion src/pages/LoginPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,14 @@ const LoginPage = () => {
}
};

const handleClickGitHubSignIn = async () => {
try {
await signInWithGitHub();
} catch (error) {
toast.error(generateErrorMessage(error));
}
};

return (
<div className="flex justify-center items-center mx-auto px-6 py-12 w-full max-w-xl md:max-w-2xl min-h-screen">
<div className="space-y-10 bg-brand-container shadow-lg p-8 rounded-xl w-full max-w-md">
Expand Down Expand Up @@ -88,7 +96,7 @@ const LoginPage = () => {
</div>

<Button
onClick={signInWithGitHub}
onClick={handleClickGitHubSignIn}
className="flex items-center justify-center gap-2 bg-white hover:brightness-85 py-4 w-full text-black cursor-pointer"
>
<Github className="w-5 h-5" />
Expand Down
10 changes: 9 additions & 1 deletion src/pages/SignupPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,14 @@ const SignupPage = () => {
},
});

const handleClickGitHubSignUp = async () => {
try {
await signInWithGitHub();
} catch (error) {
toast.error(generateErrorMessage(error));
}
};

const handleClickSignUpWithPassword = () => {
if (email.trim() === "") return;
if (password.trim() === "") return;
Expand Down Expand Up @@ -108,7 +116,7 @@ const SignupPage = () => {
</div>

<Button
onClick={signInWithGitHub}
onClick={handleClickGitHubSignUp}
className="flex items-center justify-center gap-2 bg-white hover:brightness-85 py-4 w-full text-black cursor-pointer"
>
<Github className="w-5 h-5" />
Expand Down
Loading