('0');
+ const [radioValue, setRadioValue] = useState(1);
+ const alert = useToggle();
+ const alert2 = useToggle();
+ const confirm = useToggle();
+ const modal = useToggle();
+ const bubble = useToggle();
+
+ const handleOnChange = () => {
+ setIsAvailable(!isAvailable);
+ };
+
+ const handleOnChangeAlarm = () => {
+ setIsUsedAlarm(!isUsedAlarm);
+ };
+
+ const handleOnChangeTime = (newTime: TimePickerProps['selectedValue']) => {
+ setTime(newTime);
+ };
+
+ const handleOnChangeRadio = (newValue: any) => {
+ setRadioValue(newValue);
+ };
+
+ const handleOnClickModal = () => {
+ alert.onOpen();
+ };
+
+ const handleAlertModal = () => {
+ console.log('alert...');
+ // modal.onClose();
+ alert2.onOpen();
+ };
+
+ return (
+ <>
+
+
+
+
+
+
+
+ time : {time}
+
+
+
+
+
+ selected : {radioValue}
+
+
+
Flyout menu test
+ {/*
+
+ click!
+
+
+ apple
+ banana
+ cat
+
+ */}
+
+
alert test
+
+
+
+
+ confirm test
+
+ {
+ console.log('okay okay ~');
+ confirm.onClose();
+ }}
+ />
+
+
+
+ custom modal test
+
+
+ 안녕?
+
+
+
+
+ speech bubble test
+
+
+
+
+ );
+}
diff --git a/src/app/(afterlogin)/error.tsx b/src/app/(afterlogin)/error.tsx
new file mode 100644
index 0000000..0711e8a
--- /dev/null
+++ b/src/app/(afterlogin)/error.tsx
@@ -0,0 +1,54 @@
+'use client'; // Error components must be Client Components
+
+import { usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { useEffect } from 'react';
+import Spinner from '../_components/_modules/Spinner';
+
+// 서버 컴포넌트 토큰 재발급 이슈 전용 에러 컴포넌트
+export default function Error({
+ error,
+ reset,
+}: {
+ error: Error & { digest?: string };
+ reset: () => void;
+}) {
+ // const router = useRouter();
+ const currentPath = usePathname();
+ const searchParams = useSearchParams();
+ const fullUrl = `${currentPath}?${searchParams.toString()}`;
+
+ useEffect(() => {
+ const reIssue = async () => {
+ const clientUrl = `/api/accounts/reissue`;
+ await fetch(clientUrl, {
+ method: 'GET',
+ cache: 'no-store',
+ credentials: 'include',
+ });
+
+ // 미들웨어 기반 리다이렉션
+ window.location.href = fullUrl;
+ };
+ if (error.message === 'reIssue') reIssue();
+ }, [error]);
+
+ return (
+ <>
+ {error.message === 'reIssue' ? (
+
+ ) : (
+
+
Something went wrong!
+
+
+ )}
+
+ );
+}
diff --git a/src/app/(afterlogin)/layout.tsx b/src/app/(afterlogin)/layout.tsx
new file mode 100644
index 0000000..4e184f1
--- /dev/null
+++ b/src/app/(afterlogin)/layout.tsx
@@ -0,0 +1,25 @@
+import { Metadata } from 'next';
+
+import RQProvider from './_components/RQProvider';
+import { ReactChildrenProps } from '@/types/common';
+
+import Toast from '../_components/_modules/_modal-pre/Toast';
+import Providers from './_components/RQProvider';
+
+export const metadata: Metadata = {
+ title: '홈',
+ description: 'HOME',
+};
+
+export default function AfterLoginLayout({ children }: ReactChildrenProps) {
+ return (
+
+ {/*
*/}
+
+ {children}
+
+
+ {/* */}
+