-
-
-
-
- {/* Frame */}
-
-
-
- }
- >
-
-
);
-}
\ No newline at end of file
diff --git a/src/app/admin/recruit-manager/layout.js b/src/app/admin/recruit-manager/layout.js
deleted file mode 100644
index 41d8049..0000000
--- a/src/app/admin/recruit-manager/layout.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import MenuHeader from '@/components/ui/common/MenuHeader';
-import ApiCodeGuard from '@/components/auth/ApiCodeGuard.jsx';
-
-export const metadata = {
- title: "Recruit Manager", description: "Admin management and participation platform",
-};
-
-export default function AdminLayout({children}) {
- return (사용자 관리
- - {/* 검색바 */} -
-
-
-
-
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/app/api/auth/signin/route.ts b/src/app/api/auth/login/route.ts
similarity index 56%
rename from src/app/api/auth/signin/route.ts
rename to src/app/api/auth/login/route.ts
index de430a1..7831b14 100644
--- a/src/app/api/auth/signin/route.ts
+++ b/src/app/api/auth/login/route.ts
@@ -1,18 +1,18 @@
-import { NextResponse } from 'next/server';
-import axios from 'axios';
+import { NextResponse } from 'next/server'
+import axios from 'axios'
-import { rateLimit } from '@/lib/rate-limit';
+import { rateLimit } from '@/lib/rate-limit'
-const ORIGINAL_AUTH_URL = process.env.NEXT_PUBLIC_BASE_API_URL;
+const ORIGINAL_AUTH_URL = process.env.NEXT_PUBLIC_BASE_API_URL
interface LoginRequest {
- email: string;
- password: string;
+ email: string
+ password: string
}
interface LoginResponse {
- error?: string;
- [key: string]: any;
+ error?: string
+ [key: string]: any
}
export async function POST(request: Request): Promise대시보드 로드 실패: {statsError}
- ) : statsLoading ? (
- 대시보드 불러오는 중...
- ) : (
-
-
- );
-}
\ No newline at end of file
diff --git a/src/app/auth/signin/page.jsx b/src/app/auth/signin/page.jsx
deleted file mode 100644
index a4fb929..0000000
--- a/src/app/auth/signin/page.jsx
+++ /dev/null
@@ -1,156 +0,0 @@
-'use client';
-
-import {useMemo, useState} from 'react';
-import {useRouter, useSearchParams} from 'next/navigation';
-import Image from 'next/image';
-import Loader from '@/components/ui/common/Loader';
-
-import AuthLogin from '@/components/auth/screen/AuthLogin';
-import AuthFindId from '@/components/auth/screen/AuthFindId';
-import AuthResetPassword from '@/components/auth/screen/AuthResetPassword';
-import AuthResetRequest from '@/components/auth/screen/AuthResetRequest';
-
-import {GoogleLogin} from '@/services/auth/signin/google/GoogleLogin';
-import {login} from '@/services/auth/signin/custom/CustomAuthApi';
-
-import {useAuth} from '@/hooks/useAuth';
-
-import loginBg from '@public/images/bgimg.png';
-
-export default function Page() {
- const router = useRouter();
- const searchParams = useSearchParams();
- const {setAccessToken} = useAuth();
- const {handleGoogleLogin} = GoogleLogin();
-
- // ✅ next 파라미터 처리 (없으면 /main)
- const nextUrl = useMemo(() => {
- const raw = searchParams?.get('next') || '';
- try {
- // next는 보통 encodeURIComponent 된 상태로 넘어오니 decode 시도
- const decoded = decodeURIComponent(raw);
- // 보안상 절대경로만 허용 (외부로 튈 수 있는 URL 차단)
- if (decoded.startsWith('/')) return decoded;
- return '/main';
- } catch {
- return '/main';
- }
- }, [searchParams]);
-
- const [password, setPassword] = useState('');
- const [errors, setErrors] = useState([]);
- const [isRendering, setIsRendering] = useState(0);
- const [loading, setLoading] = useState(false);
- const [verifiedEmail, setVerifiedEmail] = useState('');
-
- const handleBackToLogin = () => setIsRendering(0);
- const handleFindIdClick = () => setIsRendering(1);
- const handleResetPasswordClick = () => setIsRendering(2);
- const handleBackToResetRequest = () => setIsRendering(2);
- const handleResetPasswordNext = (email) => {
- setVerifiedEmail(email);
- setIsRendering(3);
- };
-
- const validatePassword = (password) => {
- const newErrors = [];
- if (password.length <= 0) {
- newErrors.push('비밀번호를 입력해주세요.');
- }
- return newErrors;
- };
-
- const onSubmit = async (e) => {
- e.preventDefault();
-
- const formData = Object.fromEntries(new FormData(e.currentTarget));
- const passwordErrors = validatePassword(password);
-
- if (passwordErrors.length > 0) {
- setErrors(passwordErrors);
- } else {
- setErrors([]);
-
- try {
- const {email, password} = formData;
- setLoading(true);
- const res = await login(email, password);
- const {exists, access_token} = res.data.data;
-
- if (!exists) {
- alert('아이디 혹은 비밀번호가 올바르지 않습니다.');
- setLoading(false);
- return;
- }
-
- setAccessToken(access_token);
-
- // ✅ 로그인 성공시 next로 이동
- router.push(nextUrl);
- } catch (error) {
- console.error('로그인 실패:', error);
- alert('로그인 중 오류가 발생했습니다.');
- setLoading(false);
- }
- }
- };
-
- return (<>
-
- {/* 로그인 화면 */}
-
- );
-}
\ No newline at end of file
diff --git a/src/app/auth/signup/layout.js b/src/app/auth/signup/layout.js
deleted file mode 100644
index 62a540b..0000000
--- a/src/app/auth/signup/layout.js
+++ /dev/null
@@ -1,16 +0,0 @@
-//import { Suspense } from "react";
-import Header from "@/components/ui/common/Header";
-
-export const metadata = {
- title: "SignUp",
- description: "SignUp to your account",
-};
-
-export default function SignUpLayout({ children }) {
- return (
- <>
-
- handleGoogleLogin({next: nextUrl})}
- handleFindIdClick={handleFindIdClick}
- handleResetPasswordClick={handleResetPasswordClick}
- />
-
-
- {/* 아이디 찾기 화면 */}
-
-
-
-
- {/* 비밀번호 재설정 화면 1 */}
-
-
-
- {/* 비밀번호 재설정 화면 2 */}
-
-
-
-
- );
- }
-
- return (
- 로딩 중...
-
-
- );
-}
diff --git a/src/app/core-attendance/layout.js b/src/app/core-attendance/layout.js
deleted file mode 100644
index 0722613..0000000
--- a/src/app/core-attendance/layout.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import MenuHeader from "@/components/ui/common/MenuHeader";
-import ApiCodeGuard from "@/components/auth/ApiCodeGuard.jsx";
-
-export const metadata = {
- title: "Core Attendance", description: "GDGoC INHA Core Attendance Management",
-};
-
-export default function CoreAttendanceLayout({children}) {
- return (
- {/*
- 회원가입하기
*/} - -
-
-
- {/* 하단 버튼 영역 */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
);
-}
\ No newline at end of file
diff --git a/src/app/core-recruit/layout.js b/src/app/core-recruit/layout.js
deleted file mode 100644
index 10272c4..0000000
--- a/src/app/core-recruit/layout.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Suspense } from "react";
-import Loader from '@/components/ui/common/Loader.jsx';
-
-export const metadata = {
- title: "Core Recruit",
- description: "GDGoC INHA Core Member Recruitment Form",
-};
-
-export default function CoreRecruitLayout({ children }) {
- return (
- 출석 관리
- -
- {/* 날짜 */}
-
-
-
-
-
- {/* 필터 & 저장 */}
-
-
-
-
-
- {/* 요약 */}
-
-
- 요약
-
-
-
-
- {summary ? (
-
-
-
- {/* 팀원 목록 */}
-
- 날짜
-
-
- setDate(e.target.value)}
- classNames={{
- input: 'bg-transparent text-black/90 dark:text-white/90',
- inputWrapper: 'shadow-xl bg-default-200/50 dark:bg-default/60 hover:bg-default-200/70 dark:hover:bg-default/70',
- }}
- />
-
-
-
-
-
-
- {dates.map((d) => (
-
-
-
-
))}
- {dates.length === 0 && 등록된 날짜가 없습니다.
}
-
- 필터 / 저장
-
-
-
- {/* 팀 선택(오거나이저/어드민만 “전체” 노출) */}
-
-
- {/* 이름 검색 */}
- setFilter('')}
- />
-
-
-
-
-
-
-
) : (전체 {summary.present} / {summary.total}
-
- {summary.perTeam.map((ts) => (
-
-
- {ts.teamName}
- {ts.present} / {ts.total}
-
))}
- 로딩...
)}
-
-
-
-
- 팀원
-
-
- {date} · {teamFilter || (showAllOption ? '전체 팀' : (teams[0]?.name ?? ''))}
-
-
- {filteredMembers.map((m) => {
- const id = String(m.userId);
- const checked = presentSet.has(id);
- return (
-
-
);
- })}
- {filteredMembers.length === 0 && (
-
- toggleMember(m)}
- classNames={{label: 'text-white'}}
- >
- {m.name}{' '}
- ({m.team})
-
-
- 표시할 팀원이 없습니다.
)}
-
-
- {/* 구글 로고 - 커스텀 그라데이션 적용 */}
-
-
- GDGoC INHA
-
-
- );
-}
-
-
diff --git a/src/app/core-recruit/submit/page.jsx b/src/app/core-recruit/submit/page.jsx
deleted file mode 100644
index 7c3e56d..0000000
--- a/src/app/core-recruit/submit/page.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-import { Button } from "@nextui-org/react";
-
-export default function CoreRecruitSubmit() {
- const router = useRouter();
- const [checkMotion, setCheckMotion] = useState(false);
-
- useEffect(() => {
- const timer = setTimeout(() => setCheckMotion(true), 50);
- return () => clearTimeout(timer);
- }, []);
-
- return (
-
- {/* 구글 로고 - 커스텀 그라데이션 적용 */}
-
-
- GDGoC INHA
-
-
-
- {
- const num = (value || '').replace(/\D/g, '').slice(0, 8);
- setForm((prev) => ({ ...prev, studentId: num }));
- }}
- variant='bordered'
- autoComplete='off'
- labelPlacement='outside'
- placeholder='8자리 학번을 입력해주세요'
- inputMode='numeric'
- disableAutoFocus
- className='!mt-[10px]'
- classNames={{
- mainWrapper: 'h-[57px] w-full',
- label: '!text-white text-xl pb-[18px] mobile:text-lg',
- inputWrapper: `h-[57px] border-[1.5px] rounded-md text-white text-xl mobile:text-lg !border-[#bbbbbb30] group-data-[focus=true]:!border-[#bbbbbb30] group-data-[hover=true]:!border-[#bbbbbb30]`,
- input: 'text-lg mobile:text-base',
- errorMessage: 'hidden',
- }}
- />
-
-
-
- setForm((prev) => ({ ...prev, major: value }))}
- >
- {majorOptions.map((major) => (
-
- {major.items.map((item) => (
-
- {item.value}
-
- ))}
-
- ))}
-
-
-
-
-
-
-
-
- 팀*
-
-
- {TEAM_OPTIONS.map((label) => (
- setForm((prev) => ({ ...prev, team: label }))}
- radius='none'
- classNames={{
- wrapper: 'hidden',
- label: `text-white text-xl w-[150px] h-[57px] flex justify-center items-center rounded-md mobile:text-base mobile:w-[27vw] mobile:h-[49px] ${form.team === label ? 'bg-[#471915] border-[1.5px] border-[#ea4335]' : 'bg-[#181818]'}`,
- }}
- >
- {label}
-
- ))}
-
-
-
-
- {touched && (!form.motivation || form.motivation.length > 500) && (
- 필수 입력이며 500자 이내로 작성해주세요.
- )}
-
-
-
-
-
- {touched && (!form.wish || form.wish.length > 500) && (
- 필수 입력이며 500자 이내로 작성해주세요.
- )}
-
-
-
-
-
-
-
-
- 예시: 리더십/꼼꼼함/성실함, 자격증, 스킬, 툴(피그마/노션), 수상/대외활동/인턴 등
-
-
-
-
- {files.length > 0 && (
-
-
- 선택된 파일: {files.length}개
- )}
- {touched && (files.length > 10 || files.some((f)=> f.size > 10 * 1024 * 1024)) && (
- 파일 개수/크기 제한을 확인해주세요.
- )}
-
-
-
- {touched && (!form.pledge || form.pledge.length > 100) && (
- 필수 입력이며 100자 이내로 작성해주세요.
- )}
-
-
-
-
-
- 마지막으로 공지 및 일정을 확인해주시기 바랍니다!
-
-
-
-
-
-
- 모집 일정
- ✅ 서류 지원 기간 : 2025. 12. 26.(금) - 2026. 01. 09.(금) 23:59:59
- ✅ 서류 결과 발표 : ~ 2026. 01. 10.(토)
- ✅ 면접 진행 기간 : 2026. 01. 12.(월) - 2026. 01. 16.(금)
- ※ 지원자 및 면접관의 일정에 따라 마감 전 조기 면접 진행이 가능할 수 있습니다.
- ✅ 최종 결과 발표 : ~ 2026. 01. 16.(금)
-
-
-
- 면접 안내
- • 원칙적으로 대면 면접을 진행하며, 부득이한 경우 비대면으로 조정될 수 있습니다.
- • 면접은 인하대학교 내부 장소에서 진행됩니다.
-
-
- 활동 안내
- • 운영진으로 활동 시, 매주 1회 정기 운영진 회의에 필수 참석해야 합니다. (일정은 1월 내로 공지 드립니다.)
-
-
- 공지사항 및 일정을 확인하였으며, 이에 동의합니다.
-
-
-
-
-
-
-
-
-
- );
-}
-
-
diff --git a/src/app/coreadmin/layout.js b/src/app/coreadmin/layout.js
deleted file mode 100644
index ad27377..0000000
--- a/src/app/coreadmin/layout.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import MenuHeader from '@/components/ui/common/MenuHeader';
-import ApiCodeGuard from '@/components/auth/ApiCodeGuard.jsx';
-
-export const metadata = {
- title: 'CoreAdmin', description: 'Core member application management',
-};
-
-export default function CoreAdminLayout({children}) {
- return (
-
- ✓
-
-
- 코어 멤버 지원서 제출이 완료되었습니다.
-
-
-
-
- 아래 일정을 한번 더 확인해주세요!
- ✅ 서류 지원 기간 : 2025. 12. 26.(금) - 2026. 01. 09.(금) 23:59:59
- ✅ 서류 결과 발표 : ~ 2026. 01. 10.(토)
- ✅ 면접 진행 기간 : 2026. 01. 12.(월) - 2026. 01. 16.(금)
- ※ 지원자 및 면접관의 일정에 따라 마감 전 조기 면접 진행이 가능할 수 있습니다.
- ✅ 최종 결과 발표 : ~ 2026. 01. 16.(금)
-
-
-
-
-
-
- );
- case 'team': {
- const teamLabel = user?.team ?? '';
- const teamColorMap = {
- HR: '#EA4335',
- BD: '#34A853',
- TECH: '#4285F4',
- 'PR/DESIGN': '#F9AB00',
- };
- const color = teamColorMap[teamLabel] || '#9CA3AF';
- return (
- {user?.major ?? ''}
-{user?.studentId ?? ''}
-
-
-
-
- {/* 기존 UserDetailsModal 재사용: 핵심 질문/자유문항은 response 배열로 표시됨 */}
-
- );
-}
-
-
diff --git a/src/app/design-system/page.tsx b/src/app/design-system/page.tsx
new file mode 100644
index 0000000..20866c9
--- /dev/null
+++ b/src/app/design-system/page.tsx
@@ -0,0 +1,144 @@
+'use client'
+
+import { type CSSProperties } from 'react'
+
+import { DesignSystemShowcase } from '@/components/ui/design-system/DesignSystemShowcase'
+
+type GridDevice = 'desktop' | 'mobile'
+
+type GridSpec = {
+ id: string
+ label: string
+ columns: number
+}
+
+type GridGroup = {
+ id: string
+ heading: string
+ badge: string
+ device: GridDevice
+ frameWidth: number
+ gridWidth: number
+ gutter: number
+ height: number
+ specs: GridSpec[]
+}
+
+type GridCustomProperties = CSSProperties & {
+ '--grid-count'?: number
+ '--grid-content-width'?: string
+ '--grid-frame-width'?: string
+ '--grid-gutter'?: string
+ '--grid-height'?: string
+}
+
+const DESKTOP_GRID_GROUPS: GridGroup[] = [
+ {
+ id: 'desktop-long',
+ heading: '작업영역 1120px (정보값 많은 페이지에 활용)',
+ badge: 'Long',
+ device: 'desktop',
+ frameWidth: 1280,
+ gridWidth: 1120,
+ gutter: 20,
+ height: 440,
+ specs: [
+ { id: 'desktop-long-12', label: '12단', columns: 12 },
+ { id: 'desktop-long-8', label: '8단', columns: 8 },
+ { id: 'desktop-long-4', label: '4단', columns: 4 },
+ { id: 'desktop-long-2', label: '2단', columns: 2 }
+ ]
+ },
+ {
+ id: 'desktop-short',
+ heading: '작업영역 550px (정보값 적은 페이지에 활용)',
+ badge: 'Short',
+ device: 'desktop',
+ frameWidth: 1280,
+ gridWidth: 550,
+ gutter: 20,
+ height: 400,
+ specs: [
+ { id: 'desktop-short-12', label: '12단', columns: 12 },
+ { id: 'desktop-short-8', label: '8단', columns: 8 },
+ { id: 'desktop-short-4', label: '4단', columns: 4 },
+ { id: 'desktop-short-2', label: '2단', columns: 2 }
+ ]
+ }
+]
+
+const MOBILE_GRID_GROUP: GridGroup = {
+ id: 'mobile',
+ heading: '작업영역 343px',
+ badge: 'Mobile',
+ device: 'mobile',
+ frameWidth: 375,
+ gridWidth: 343,
+ gutter: 8,
+ height: 320,
+ specs: [
+ { id: 'mobile-4', label: '4단', columns: 4 },
+ { id: 'mobile-3', label: '3단', columns: 3 },
+ { id: 'mobile-2', label: '2단', columns: 2 }
+ ]
+}
+
+const formatColumnDetail = (columns: number, gridWidth: number, gutter: number) => {
+ const totalGutter = gutter * (columns - 1)
+ const width = (gridWidth - totalGutter) / columns
+ const rounded = Number(width.toFixed(2))
+ const formatted = Number.isInteger(rounded) ? rounded.toFixed(0) : rounded.toString()
+
+ return `${formatted}px · Gutter ${gutter}px`
+}
+
+const GridPreview = ({
+ columns,
+ device,
+ frameWidth,
+ gridWidth,
+ gutter,
+ height
+}: {
+ columns: number
+ device: GridDevice
+ frameWidth: number
+ gridWidth: number
+ gutter: number
+ height: number
+}) => {
+ const customStyle: GridCustomProperties = {
+ '--grid-count': columns,
+ '--grid-frame-width': `${frameWidth}px`,
+ '--grid-content-width': `${gridWidth}px`,
+ '--grid-gutter': `${gutter}px`,
+ '--grid-height': `${height}px`
+ }
+
+ return (
+
+
+ )
+}
+
+export default function DesignSystemPage() {
+ return (
+
+ {Array.from({ length: columns }).map((_, index) => (
+
+ ))}
+
+
+
+ )
+}
diff --git a/src/app/error.js b/src/app/error.js
deleted file mode 100644
index f608c0b..0000000
--- a/src/app/error.js
+++ /dev/null
@@ -1,120 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { Button } from "@nextui-org/react";
-import Image from 'next/image';
-
-// components
-import Forbidden from '@/app/forbidden';
-import Unauthorized from '@/app/unauthorized';
-
-// resource
-import gdgocIcon from "@public/icons/logo.png";
-
-/**
- * @typedef {Object} ErrorProps
- * @property {Error} error - The error object
- * @property {() => void} reset - Function to reset the error state
- */
-export default function Error({ error, reset = () => {} }) {
- const [countdown, setCountdown] = useState(5);
- const errorCode = error?.statusCode || error?.status || 500;
- const errorTitle = error?.title || 'Internal Server Error';
- const errorMessage = error?.message || 'Unknown Error has occurred';
-
- useEffect(() => {
- if (process.env.NODE_ENV === 'development') {
- console.log(error || 'Unknown Error has occurred');
- }
- }, []);
-
- useEffect(() => {
- if (countdown > 0) {
- const timer = setTimeout(() => setCountdown(countdown - 1), 1000);
- return () => clearTimeout(timer);
- }
- }, [countdown]);
-
- const handleClick = () => {
- reset();
- window.location.reload();
- };
-
- // Handle specific error codes
- if (errorCode === 401) {
- return
+
+
+
+ Internal Only
+GDGoC Design System
++ 개발 중 확인용 임시 페이지입니다. PR 시 제거 예정. +
+
- {/* 아이콘 배경 */}
-
-
- {/* 오류 박스 */}
-
- );
-}
\ No newline at end of file
diff --git a/src/app/error.tsx b/src/app/error.tsx
new file mode 100644
index 0000000..f1e55bb
--- /dev/null
+++ b/src/app/error.tsx
@@ -0,0 +1,152 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import { Button } from '@nextui-org/react'
+import Image from 'next/image'
+
+// components
+import Forbidden from '@/app/forbidden'
+import Unauthorized from '@/app/unauthorized'
+
+// resource
+import gdgocIcon from '@public/icons/logo.png'
+
+interface ErrorProps {
+ error: Error & {
+ statusCode?: number;
+ status?: number;
+ title?: string;
+ message?: string
+ };
+ reset: () => void;
+}
+
+export default function Error({ error, reset }: ErrorProps) {
+ const [countdown, setCountdown] = useState(5)
+ const errorCode = error?.statusCode || error?.status || 500
+ const errorTitle = error?.title || 'Internal Server Error'
+ const errorMessage = error?.message || 'Unknown Error has occurred'
+
+ useEffect(() => {
+ if (process.env.NODE_ENV === 'development') {
+ console.log(error || 'Unknown Error has occurred')
+ }
+ }, [error])
+
+ useEffect(() => {
+ if (countdown > 0) {
+ const timer = setTimeout(() => setCountdown(countdown - 1), 1000)
+ return () => clearTimeout(timer)
+ }
+ }, [countdown])
+
+ const handleClick = () => {
+ reset()
+ window.location.reload()
+ }
+
+ // Handle specific error codes
+ if (errorCode === 401) {
+ return
-
-
- {/* 오류 아이콘 */}
-
-
-
-
-
- {/* 오류 내용 */}
- -
{errorCode}
- {errorTitle} - - - -
-
-
- {/* 개발 환경에서만 표시 */}
- {process.env.NODE_ENV === 'development' && (
- 페이지 로드 중 에러가 발생하였습니다.
-Tech팀으로 연락 바랍니다!
-
-
- )}
-
- {/* 버튼 */}
-
-
- {/* 작은 로고 */}
- {errorMessage}
-
-
-
+ {/* 아이콘 배경 */}
+
+
+ {/* 오류 박스 */}
+
+ )
+}
diff --git a/src/app/event/homecoming/admin/guestbook/page.jsx b/src/app/event/homecoming/admin/guestbook/page.jsx
deleted file mode 100644
index bdcccc3..0000000
--- a/src/app/event/homecoming/admin/guestbook/page.jsx
+++ /dev/null
@@ -1,125 +0,0 @@
-'use client';
-
-import { useState, useRef, useCallback } from "react";
-import { useAuthenticatedApi } from "@/hooks/useAuthenticatedApi";
-import { useGuestbookEntries } from "@/hooks/homecoming/useGuestbookEntries";
-import GuestbookWordCloud from "@/components/event/homecoming/GuestbookWordCloud";
-
-export default function GuestbookAdminPage() {
- const { entries, isLoading, error, lastSyncedAt, refresh } = useGuestbookEntries();
- const { apiClient } = useAuthenticatedApi();
- const [formValues, setFormValues] = useState({ wristbandSerial: "", name: "" });
- const [isSubmitting, setIsSubmitting] = useState(false);
- const [statusMessage, setStatusMessage] = useState("");
- const statusTimerRef = useRef(null);
-
- const handleChange = (event) => {
- const { name, value } = event.target;
- setFormValues((prev) => ({ ...prev, [name]: value }));
- };
-
- const resetStatusTimer = useCallback(() => {
- if (statusTimerRef.current) {
- clearTimeout(statusTimerRef.current);
- }
- statusTimerRef.current = setTimeout(() => setStatusMessage(""), 2500);
- }, []);
-
- const handleSubmit = async (event) => {
- event.preventDefault();
- if (!formValues.wristbandSerial.trim() || !formValues.name.trim()) {
- return;
- }
-
- try {
- setIsSubmitting(true);
- await apiClient.post("/guestbook/entries", {
- wristbandSerial: formValues.wristbandSerial.trim(),
- name: formValues.name.trim(),
- });
- setFormValues({ wristbandSerial: "", name: "" });
- setStatusMessage("입장 등록이 완료되었습니다.");
- resetStatusTimer();
- await refresh();
- } catch (err) {
- console.error("방명록 등록 실패", err);
- const message = err?.response?.data?.message || "입장 등록에 실패했습니다.";
- setStatusMessage(message);
- resetStatusTimer();
- } finally {
- setIsSubmitting(false);
- }
- };
-
- const isSubmitDisabled = isSubmitting || !formValues.wristbandSerial.trim() || !formValues.name.trim();
-
- return (
-
+
+
+ {/* 오류 아이콘 */}
+
+
+
+
+
+ {/* 오류 내용 */}
+ +
{errorCode}
+ + {errorTitle} + + + + +
+
+
+ {/* 개발 환경에서만 표시 */}
+ {process.env.NODE_ENV === 'development' && (
+ + 페이지 로드 중 에러가 발생하였습니다. +
+Tech팀으로 연락 바랍니다!
+
+
+ )}
+
+ {/* 버튼 */}
+
+
+ {/* 작은 로고 */}
+ + {errorMessage} +
+
+
+
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/app/event/homecoming/admin/layout.js b/src/app/event/homecoming/admin/layout.js
deleted file mode 100644
index ae9fdb2..0000000
--- a/src/app/event/homecoming/admin/layout.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import ApiCodeGuard from "@/components/auth/ApiCodeGuard";
-
-export default function HomecomingAdminLayout({children}) {
- return (
-
-
- );
-}
diff --git a/src/app/event/homecoming/admin/page.jsx b/src/app/event/homecoming/admin/page.jsx
deleted file mode 100644
index a892573..0000000
--- a/src/app/event/homecoming/admin/page.jsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import Link from "next/link";
-
-export default function HomecomingAdminPage() {
- const sections = [
- {
- title: "방명록",
- description: "입장 등록 및 워드클라우드 화면",
- href: "/event/homecoming/admin/guestbook",
- },
- {
- title: "럭키드로우",
- description: "당첨자 추첨 및 초기화",
- href: "/event/homecoming/admin/luckydraw",
- },
- ];
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- Lucky Draw
-GDGoC Homecoming 럭키드로우
-- 실시간 참가자 {entriesCount}명 · 당첨자 {recentCount}명 -
-
-
- 방명록 관리로 이동
-
-
-
-
-
-
-
-
-
- 추첨하기
- 1회 최대 50명 -
-
- 현재 상태
-
-
-
-
- 총 참가자
-{entriesCount.toLocaleString()}명
-
-
- 당첨자 수
-{recentCount.toLocaleString()}명
-
- 추첨 후에는 자동으로 명단이 업데이트됩니다. 운영 중 중복 추첨을 피하려면 새로고침으로 상태를 확인하세요.
-
-
-
- {isLoading ? (
-
-
- {!sortedWinners.length && !isLoading && (
- 아직 당첨자가 없습니다.
- )}
- 당첨자 명단
-당첨 시간 순으로 정렬됩니다.
-불러오는 중...
- ) : (
-
- {sortedWinners.map((winner) => (
-
- )}
-
-
- ))}
- {winner.name}
-{winner.wristbandSerial}
-{formatKoreanTime(winner.wonAt)}
-
-
- );
-}
diff --git a/src/app/event/homecoming/component/mobile/HomecomingInviteCard.jsx b/src/app/event/homecoming/component/mobile/HomecomingInviteCard.jsx
deleted file mode 100644
index cfad189..0000000
--- a/src/app/event/homecoming/component/mobile/HomecomingInviteCard.jsx
+++ /dev/null
@@ -1,221 +0,0 @@
-'use client';
-
-import React, {useMemo} from 'react';
-import {GoogleMap, Marker, useJsApiLoader} from '@react-google-maps/api';
-import {useSearchParams} from "next/navigation";
-import decodeHashToName from "@/app/event/homecoming/util/decoder";
-
-export default function HomecomingInviteCard() {
- const sp = useSearchParams();
- const hash = sp.get('hash');
- const userName = useMemo(() => decodeHashToName(hash)?.trim() ?? '', [hash]);
-
- return (
-
-
-
-
- Homecoming Admin
-GDGoC 홈커밍 운영 콘솔
-방명록과 럭키드로우를 빠르게 전환해 사용할 수 있습니다.
-
- {sections.map((section) => (
-
-
- {section.title}
-{section.description}
- - 바로가기 → - - - ))} -
-
);
-}
-
-
-function HomecomingMap() {
- const {isLoaded, loadError} = useJsApiLoader({
- googleMapsApiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY, id: 'homecoming-map-script',
- });
-
- const center = {lat: 37.388493, lng: 126.639989};
-
- if (loadError) {
- return (
- {/* 상단 바 */}
-
-
- {/* 상단 컬러 라인 */}
-
-
-
-
-
-
-
- {/* GDGoC 로고 */}
-
-
- {/* 하단 장식 */}
-
-
-
- {/* 초대 문구 */}
-
- G
- D
- G
- o
- C
- INHA
-
-
-
-
- {/* 내용 블록 */}
-
- 제 1회 홈커밍 데이에
-
- {userName ? (<>
- {userName}님을 초대합니다!
- ) : (<>여러분을 초대합니다!)}
-
{/* 일시 */}
-
-
-
-
- {/* 프로그램 */}
- 일시
-
-
-
- 2025년 12월 20일 (토) 13:00 ~ 19:00
-
-
- * 19:00 이후 뒤풀이 장소로 함께 이동하며 마무리합니다.
-
-
-
-
- {/* 장소 */}
- 프로그램
-
-
- {/* 요약 */}
-
-
- 오후 1시 입장을 시작으로, 1부 프로젝트 성과 발표회와 시상,
-
- 이후 오프닝 특강과 연간 활동 소개, OB 및 초청자 인사를 거쳐 -
- 팀별 경쟁 게임·퀴즈·자유 네트워킹으로 이어지는 구성입니다. -
- 행사는 13:00–19:00까지 진행되며, -
- 마지막에는 전체 교류 마무리 후 뒤풀이 이동으로 마무리됩니다. -
-
- {/* 1부 */}
- - 이후 오프닝 특강과 연간 활동 소개, OB 및 초청자 인사를 거쳐 -
- 팀별 경쟁 게임·퀴즈·자유 네트워킹으로 이어지는 구성입니다. -
- 행사는 13:00–19:00까지 진행되며, -
- 마지막에는 전체 교류 마무리 후 뒤풀이 이동으로 마무리됩니다. -
-
-
- {/* 2부 */}
- 1부 (13:00–15:30) · GOAT 프로젝트 데모데이
-
-
-
-
- 13:00–13:20
- 입장/체크인 · 오프닝 안내 · 활동 소개 영상
-
-
- 13:20–13:30
- 라운드 운영 안내 · 발표 준비
-
-
- 13:30–15:10
- 프로젝트 성과 발표/데모 (총 6라운드) · QnA
-
-
- 15:10–15:30
- 심사 집계 · 시상식
-
-
-
-
- {/* 도착 안내 */}
- 2부 (15:30–19:00) · IN·Fest
-
-
-
-
- 15:30–16:00
- 2부 입장
-
-
- 16:00–16:40
-
- 오프닝 특강
-
- GDG Campus Korea 김대현님 - -
- - GDG Campus Korea 김대현님 - -
- 16:40–17:00
- GDGoC INHA 연간 활동 소개
-
-
- 17:00–17:30
- OB 및 초청자 인사
-
-
- 17:30–18:30
- 네트워킹 게임 · 퀴즈 프로그램
-
-
- 18:30–19:00
- 자유 네트워킹
-
-
- 19:00–
- 뒤풀이 진행
-
-
-
-
- {/* 문의 */}
- 도착 안내
-
- • 1부 참석자: 12:50까지 도착
- • 2부 참석자: 15:50까지 도착 -
- - • 2부 참석자: 15:50까지 도착 -
-
- 문의
-
- 행사 관련 문의: 010-2087-1816
-
-
-
-
- {/* 지도 */}
- 장소
-
-
- 신한 스퀘어 브릿지 인천
-(인천광역시 연수구 컨벤시아대로 204, 인스타2)
-
-
-
-
-
- 지도를 불러오는 중 오류가 발생했습니다.
-
);
- }
-
- if (!isLoaded) {
- return (
- 지도를 불러오는 중입니다...
-
);
- }
-
- return (
-
-
-
-
);
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/component/mobile/HomecomingMobile.jsx b/src/app/event/homecoming/component/mobile/HomecomingMobile.jsx
deleted file mode 100644
index 349e234..0000000
--- a/src/app/event/homecoming/component/mobile/HomecomingMobile.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-'use client';
-
-import {useEffect, useRef, useState} from 'react';
-import HomecomingInviteCard from './HomecomingInviteCard';
-
-export default function HomecomingMobile() {
- const MIN_TOP = 64;
- const IMAGE_HEIGHT = 278;
- const EXTRA_GAP = 24;
-
- const MAX_TOP = MIN_TOP + IMAGE_HEIGHT + EXTRA_GAP;
-
- const [top, setTop] = useState(MAX_TOP);
- const scrollRef = useRef(null);
-
- useEffect(() => {
- const el = scrollRef.current;
- if (!el) return;
-
- const RANGE = IMAGE_HEIGHT + EXTRA_GAP; // 302
-
- const handleScroll = () => {
- const scrollY = el.scrollTop;
-
- const progress = Math.min(scrollY / RANGE, 1);
- const nextTop = MAX_TOP - RANGE * progress;
-
- setTop(nextTop);
- };
-
- handleScroll();
- el.addEventListener('scroll', handleScroll, {passive: true});
- return () => el.removeEventListener('scroll', handleScroll);
- }, []);
-
- return (
- {/* 상단 고정 영역 */}
-
);
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/component/pc/Frame.jsx b/src/app/event/homecoming/component/pc/Frame.jsx
deleted file mode 100644
index 214b16f..0000000
--- a/src/app/event/homecoming/component/pc/Frame.jsx
+++ /dev/null
@@ -1,55 +0,0 @@
-'use client';
-
-export default function Frame() {
- return (
-
-
-
-
-
-
- {/* 카드 */}
-
-
- 
-
-
-
-
-
- {/* =====================
- 상단 장식 라인
- ===================== */}
-
);
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/component/pc/FrameLayout.jsx b/src/app/event/homecoming/component/pc/FrameLayout.jsx
deleted file mode 100644
index 1b9e7a5..0000000
--- a/src/app/event/homecoming/component/pc/FrameLayout.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-'use client';
-
-import {useRef, useState} from 'react';
-import Frame from './Frame';
-import FrameViewport from './FrameViewport';
-import ScrollDots from './ScrollDots';
-
-export default function FrameLayout() {
- const viewportRef = useRef(null);
- const [activeIndex, setActiveIndex] = useState(0);
- const TOTAL = 5;
-
- const onScroll = () => {
- const el = viewportRef.current;
- if (!el) return;
- const idx = Math.round(el.scrollTop / el.clientHeight);
- setActiveIndex(idx);
- };
-
- const onJump = (index) => {
- const el = viewportRef.current;
- if (!el) return;
- el.scrollTo({top: index * el.clientHeight, behavior: 'auto'});
- };
-
- const onWheel = (e) => {
- const el = viewportRef.current;
- if (!el) return;
-
- const atTop = el.scrollTop <= 0;
- const atBottom = el.scrollTop + el.clientHeight >= el.scrollHeight - 1;
- const canScrollInside = (e.deltaY > 0 && !atBottom) || (e.deltaY < 0 && !atTop);
-
- if (!canScrollInside) return;
-
- e.preventDefault();
- el.scrollTop += e.deltaY;
- };
-
- return (
- {/* 왼쪽 상단 라인 */}
-
-
- {/* 오른쪽 상단 라인 */}
-
-
-
- {/* =====================
- 하단 장식 라인
- ===================== */}
-
- {/* 오른쪽 하단 라인 */}
-
-
- {/* 왼쪽 하단 라인 */}
-
-
-
-
-
-
-
);
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/component/pc/FrameSection.jsx b/src/app/event/homecoming/component/pc/FrameSection.jsx
deleted file mode 100644
index f680a86..0000000
--- a/src/app/event/homecoming/component/pc/FrameSection.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-'use client';
-
-export default function FrameSection({ children }) {
- return (
-
-
-
-
-
-
);
-});
-
-export default FrameViewport;
-
-function FirstSection() {
- return (
-
);
-}
-
-/* 2) 3컬럼 타임테이블(전체 요약) */
-function SecondSection() {
- return (
- G
- D
- G
- o
- C
- INHA
-
-
- 제 1회 홈커밍 데이
-
-
- 오후 1시 입장을 시작으로, 1부 프로젝트 성과 발표회와 시상,
-
- 이후 오프닝 특강과 연간 활동 소개, OB 및 초청자 인사를 거쳐
-
- 팀별 경쟁 게임·퀴즈·자유 네트워킹으로 이어지는 구성입니다.
-
- 행사는 13:00–19:00까지 진행되며,
-
- 마지막에는 전체 교류 마무리 후 뒤풀이 이동으로 마무리됩니다.
-
-
);
-}
-
-/* 3) 1부 상세 (2컬럼 리스트) */
-function ThirdSection() {
- return (타임테이블
-
- {/* Col 1 */}
-
-
-
-
-
- {/* Col 3 */}
-
-
- GDG Campus Korea 김대현님
- }
- />
-
-
- • 1부 참석자: 12:50까지 도착
- • 2부 참석자: 15:50까지 도착 -
- - • 2부 참석자: 15:50까지 도착 -
-
);
-}
-
-/* 4) 2부 카드형 */
-function FourthSection() {
- return (1부 · GOAT 프로젝트 데모데이
- 13:00–15:30
-
-
-
-
-
-
-
);
-}
-
-/* 5) 장소 + 지도 */
-function FifthSection() {
- return (2부 · IN·Fest
- 15:30–19:00
-
-
-
-
-
-
- 오프닝 & 소개
-
-
- 게임 & 네트워킹
-
-
);
-}
-
-function TimeRow({time, title, desc}) {
- return (신한 스퀘어 브릿지 인천
-
- (인천광역시 연수구 컨벤시아대로 204 인스타2)
-
-
-
- 문의사항이 있으실 경우, 010-2087-1816으로 편하게 연락 부탁드립니다.
-
-
-
);
-}
-
-
-function HomecomingMap() {
- const {isLoaded, loadError} = useJsApiLoader({
- googleMapsApiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY, id: 'homecoming-map-script',
- });
-
- const center = {lat: 37.388493, lng: 126.639989};
-
- if (loadError) {
- return ({time}
-
-
- {title}
- {desc ? {desc}
: null}
-
- 지도를 불러오는 중 오류가 발생했습니다.
-
);
- }
-
- if (!isLoaded) {
- return (
- 지도를 불러오는 중입니다...
-
);
- }
-
- return (
-
-
-
-
);
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/component/pc/HeroIntro.jsx b/src/app/event/homecoming/component/pc/HeroIntro.jsx
deleted file mode 100644
index 856c2ea..0000000
--- a/src/app/event/homecoming/component/pc/HeroIntro.jsx
+++ /dev/null
@@ -1,68 +0,0 @@
-'use client';
-
-export default function HeroIntro({userName, phase, onEnter, leaving}) {
- return (
- {/* 배경 */}
-
-
- {/* 콘텐츠 */}
-
);
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/component/pc/HomecomingDesktop.jsx b/src/app/event/homecoming/component/pc/HomecomingDesktop.jsx
deleted file mode 100644
index 2a96dc5..0000000
--- a/src/app/event/homecoming/component/pc/HomecomingDesktop.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-'use client';
-
-import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
-import {useSearchParams} from 'next/navigation';
-
-import HeroIntro from './HeroIntro';
-import FrameLayout from './FrameLayout';
-import decodeHashToName from '../../util/decoder';
-
-export default function HomecomingDesktop() {
- const sp = useSearchParams();
- const hash = sp.get('hash');
- const userName = useMemo(() => decodeHashToName(hash)?.trim() ?? '', [hash]);
-
- const [heroPhase, setHeroPhase] = useState(0);
- const [mode, setMode] = useState('hero'); // 'hero' | 'frame'
- const lockRef = useRef(false);
-
- useEffect(() => {
- const t = setTimeout(() => setHeroPhase(1), 500);
- return () => clearTimeout(t);
- }, []);
-
- const enterFrame = useCallback(() => {
- if (lockRef.current || mode === 'frame') return;
- lockRef.current = true;
-
- setTimeout(() => {
- setMode('frame');
- lockRef.current = false;
- }, 700);
- }, [mode]);
-
- return (
-
- {/* 콘텐츠 */}
-
-
-
- {/* 로고 */}
-
-
- G
- D
- G
- o
- C
- INHA
-
-
- {/* 문구 */}
- - 제 1회 홈커밍 데이에{' '} - {userName ? (<> - {userName}님을 초대합니다! - ) : (<>여러분을 초대합니다!)} -
- - {/* CTA 버튼 */} - -
-
- {Array.from({length: count}).map((_, i) => (
);
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/guestbook/layout.jsx b/src/app/event/homecoming/guestbook/layout.jsx
deleted file mode 100644
index 57df161..0000000
--- a/src/app/event/homecoming/guestbook/layout.jsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export const metadata = {
- title: "Homecoming Guestbook Cloud",
- description: "현재 입장한 게스트 이름을 실시간으로 보여줍니다.",
-};
-
-export default function HomecomingGuestbookLayout({ children }) {
- return children;
-}
diff --git a/src/app/event/homecoming/guestbook/page.jsx b/src/app/event/homecoming/guestbook/page.jsx
deleted file mode 100644
index e44a85a..0000000
--- a/src/app/event/homecoming/guestbook/page.jsx
+++ /dev/null
@@ -1,34 +0,0 @@
-'use client';
-
-import { useGuestbookEntries } from "@/hooks/homecoming/useGuestbookEntries";
-import GuestbookWordCloud from "@/components/event/homecoming/GuestbookWordCloud";
-
-export default function GuestbookWordCloudPage() {
- const { entries, isLoading, error, lastSyncedAt } = useGuestbookEntries();
-
- return (
-
-
- );
-}
diff --git a/src/app/event/homecoming/hooks/useDeviceType.js b/src/app/event/homecoming/hooks/useDeviceType.js
deleted file mode 100644
index abc94c6..0000000
--- a/src/app/event/homecoming/hooks/useDeviceType.js
+++ /dev/null
@@ -1,25 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-
-export function useDeviceType() {
- const [device, setDevice] = useState(null);
-
- useEffect(() => {
- const check = () => {
- if (typeof window === 'undefined') return;
-
- const width = window.innerWidth;
- setDevice(width <= 768 ? 'mobile' : 'desktop');
- };
-
- check();
- window.addEventListener('resize', check);
-
- return () => {
- window.removeEventListener('resize', check);
- };
- }, []);
-
- return device;
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/layout.js b/src/app/event/homecoming/layout.js
deleted file mode 100644
index 0c72678..0000000
--- a/src/app/event/homecoming/layout.js
+++ /dev/null
@@ -1,34 +0,0 @@
-const siteUrl = new URL("https://gdgocinha.com");
-
-export const metadata = {
- metadataBase: siteUrl,
-
- title: "Homecoming", description: "GDGoC INHA 제1회 홈커밍 데이 행사 안내 및 참여 페이지",
-
- alternates: {
- canonical: "/homecoming",
- },
-
- openGraph: {
- title: "GDGoC INHA 제1회 홈커밍 데이",
- description: "GDGoC INHA가 처음으로 선보이는 홈커밍 데이에 여러분을 초대합니다.",
- url: "/event/homecoming",
- siteName: "GDGoC INHA",
- images: [{
- url: "/images/homecoming/meta_img.png", width: 1143, height: 750, alt: "GDGoC INHA Homecoming Day",
- },],
- locale: "ko_KR",
- type: "website",
- },
-
- twitter: {
- card: "summary_large_image",
- title: "GDGoC INHA 제1회 홈커밍 데이",
- description: "GDGoC INHA가 처음으로 선보이는 홈커밍 데이에 여러분을 초대합니다.",
- images: ["/images/homecoming/meta_img.png"],
- },
-};
-
-export default function HomecomingLayout({ children }) {
- return children;
-}
\ No newline at end of file
diff --git a/src/app/event/homecoming/page.jsx b/src/app/event/homecoming/page.jsx
deleted file mode 100644
index 0165b78..0000000
--- a/src/app/event/homecoming/page.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-'use client';
-
-import { useDeviceType } from './hooks/useDeviceType';
-import HomecomingMobile from './component/mobile/HomecomingMobile';
-import HomecomingDesktop from './component/pc/HomecomingDesktop';
-
-export default function Page() {
- const device = useDeviceType();
-
- if (device === null) {
- return ;
- }
-
- return device === 'mobile'
- ?
-
-
-
-
-
-
- 현재 입장 {entries.length}명
- {lastSyncedAt && ( -- 업데이트 {lastSyncedAt.toLocaleTimeString('ko-KR', { hour12: false })} -
- )} - {error &&{error}
} -
-
- {/* 실제 콘텐츠 */}
-
-
- {showInvitation ? ( setShowInvitation(false)}/>) : (
- setShowInvitation(true)}/>)}
-
-
-
- GDGoC INHA{" "}
-
-
-
-
);
-}
-
-/* ===============================
- Invitation 컴포넌트
-================================ */
-function Invitation({onBack}) {
- return (
- GDGoC INHA{" "}
-
- 제1회 홈커밍데이에
-
- {testText && (<>{testText})}
- 여러분을 초대합니다!
-
-
-
-
- {/* 초대장 카드 */}
-
);
-}
-
-function HomecomingMap() {
- const {isLoaded, loadError} = useJsApiLoader({
- googleMapsApiKey: process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY, id: 'homecoming-map-script',
- });
-
- const center = {lat: 37.388493, lng: 126.639989};
-
- if (loadError) {
- return (
-
- {/* 상단 라벨 + 뒤로가기 */}
-
-
- GDGoC INHA{" "}
-
-
-
- {/* 2~3. 일시/장소 + 프로그램 (PC에서 2열 배치) */}
-
- {/* 왼쪽 컬럼: 일시 + 장소 */}
-
-
- {/* 4. 지도 (찾아오는 길) */}
-
-
-
-
-
- Invitation
-
- {onBack && ()}
-
-
- {/* 1. 소개 */}
-
- GDGoC INHA{" "}
-
- 제1회 홈커밍 데이
-
- - GDGoC INHA Homecoming Day 2025 -
- -
-
-
- - GDGoC INHA가 처음으로 선보이는{" "} - 제1회 홈커밍 데이(Homecoming Day)가 열립니다! -
- -- 이번 행사는 현역 부원과 OB, 그리고 GDG 커뮤니티에 관심 있는 모든 분들이 한자리에 모여{" "} - - 프로젝트 성과 공유 · 기술 교류 · 커뮤니티 네트워킹 - - 을 함께 나누는 뜻깊은 자리입니다. -
- - -- 한 해 동안의 활동을 돌아보고, 앞으로 GDGoC INHA가 만들어갈 방향을 함께 이야기하며{" "} - 커뮤니티의 가치를 더욱 확장하는 의미 있는 시간을 준비했습니다. -
-
- {/* 일시 */}
-
-
- {/* 오른쪽 컬럼: 프로그램 안내 */}
-
-
-
- {/* 장소 */}
- - 일시 -
-- 2025년 12월 20일 (토) -
-
-
-
- - 장소 -
-
- 신한 스퀘어 브릿지 인천
-
- (인천 연수구 컨벤시아대로 204 인스타2)
-
-
- - 참가 신청 -
- - - 신청 링크 바로 가기 - → - -
-
- - 프로그램 안내 -
-
-
-
-
-
- - 1부(13:00~) GOAT Final Day -
--
-
- - 팀 프로젝트 데모 시연 및 피칭 발표 (라운드 형식) - -
-
-
- - 2부(16:00~) Networking Session -
--
-
- 오프닝 특강 - GDG Campus Korea Organizer 김대현님 -
- GDGoC INHA 연간 활동 소개 및 커뮤니티 정리 -
- OB 및 초청 연사 소개 -
- 팀 기반 네트워킹 게임 진행 -
- 자유로운 네트워킹 -
-
- - 뒷풀이 (19:00~) -
-- 찾아오는 길 -
-
- 지도를 불러오는 중 오류가 발생했습니다.
-
);
- }
-
- if (!isLoaded) {
- return (
- 지도를 불러오는 중입니다...
-
);
- }
-
- return (
-
-
-
-
);
-}
diff --git a/src/app/homecoming/layout.js b/src/app/homecoming/layout.js
deleted file mode 100644
index 4194324..0000000
--- a/src/app/homecoming/layout.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import {Suspense} from "react";
-import Loader from "@/components/ui/common/Loader.jsx";
-
-const siteUrl = new URL("https://gdgocinha.com");
-
-export const metadata = {
- metadataBase: siteUrl,
-
- title: "Homecoming", description: "GDGoC INHA 제1회 홈커밍 데이 행사 안내 및 참여 페이지",
-
- alternates: {
- canonical: "/homecoming",
- },
-
- openGraph: {
- title: "GDGoC INHA 제1회 홈커밍 데이",
- description: "GDGoC INHA가 처음으로 선보이는 홈커밍 데이에 여러분을 초대합니다.",
- url: "/homecoming",
- siteName: "GDGoC INHA",
- images: [{
- url: "/images/homecoming/meta_img.png", width: 1143, height: 750, alt: "GDGoC INHA Homecoming Day",
- },],
- locale: "ko_KR",
- type: "website",
- },
-
- twitter: {
- card: "summary_large_image",
- title: "GDGoC INHA 제1회 홈커밍 데이",
- description: "GDGoC INHA가 처음으로 선보이는 홈커밍 데이에 여러분을 초대합니다.",
- images: ["/images/homecoming/meta_img.png"],
- },
-};
-
-export default function HomecomingLayout({ children }) {
- return children;
-}
\ No newline at end of file
diff --git a/src/app/homecoming/page.jsx b/src/app/homecoming/page.jsx
deleted file mode 100644
index b6141b3..0000000
--- a/src/app/homecoming/page.jsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import HomecomingPage from './component/HomecomingPage';
-
-export default function Page() {
- return
+ {children}
+
+ );
+}
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
new file mode 100644
index 0000000..a05b5e0
--- /dev/null
+++ b/src/app/login/page.tsx
@@ -0,0 +1,302 @@
+'use client'
+
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import axios from 'axios'
+import { useRouter, useSearchParams } from 'next/navigation'
+
+import Loader from '@/components/ui/common/Loader'
+import { GdgGoogleLoginButton, GdgLogo } from '@/components/ui/design-system'
+import { useAuth } from '@/hooks/useAuth'
+import {
+ type LoginApiResponseBody,
+ type LoginExistingUserResponse,
+ type LoginNewUserResponse,
+ loginWithGoogleIdToken
+} from '@/services/auth/authClient'
+import { PENDING_SIGNUP_STORAGE_KEY, type PendingSignupPayload } from '@/constant/auth'
+import { unwrapApiResponse } from '@/utils/api/unwrap'
+
+const DEFAULT_FALLBACK_ROUTE = '/'
+
+const getSafeNextUrl = (raw: string | null): string => {
+ if (!raw) return DEFAULT_FALLBACK_ROUTE
+
+ try {
+ const decoded = decodeURIComponent(raw)
+ return decoded.startsWith('/') ? decoded : DEFAULT_FALLBACK_ROUTE
+ } catch {
+ return DEFAULT_FALLBACK_ROUTE
+ }
+}
+
+const isNewUserResponse = (payload: LoginApiResponseBody): payload is LoginNewUserResponse =>
+ payload.isNewUser === true
+
+const isExistingUserResponse = (
+ payload: LoginApiResponseBody
+): payload is LoginExistingUserResponse => payload.isNewUser === false
+
+interface GoogleStatePayload {
+ next?: string
+ ts?: number
+}
+
+const GOOGLE_OIDC_ENDPOINT = 'https://accounts.google.com/o/oauth2/v2/auth'
+
+const serializeState = (payload: GoogleStatePayload): string => {
+ try {
+ return encodeURIComponent(JSON.stringify(payload))
+ } catch {
+ return ''
+ }
+}
+
+const deserializeState = (raw: string | null): GoogleStatePayload | null => {
+ if (!raw) return null
+ try {
+ return JSON.parse(decodeURIComponent(raw)) as GoogleStatePayload
+ } catch {
+ return null
+ }
+}
+
+const generateNonce = (): string => {
+ if (typeof window === 'undefined' || !window.crypto?.getRandomValues) {
+ return Math.random().toString(36).slice(2)
+ }
+ const buffer = new Uint8Array(16)
+ window.crypto.getRandomValues(buffer)
+ return Array.from(buffer, (byte) => byte.toString(16).padStart(2, '0')).join('')
+}
+
+export default function LoginPage() {
+ const router = useRouter()
+ const searchParams = useSearchParams()
+ const { user, setUser } = useAuth()
+
+ const baseNextUrl = useMemo(
+ () => getSafeNextUrl(searchParams?.get('next') ?? null),
+ [searchParams]
+ )
+ const [nextOverride, setNextOverride] = useState
+
+ )
+
+ const RenderMobileView = () => (
+
+
+
+
+
+
+
+
+
+
+ 방문을 환영합니다!
++ GDGoC INHA 홈페이지를 이용하려면 로그인하세요. +
+
+
+
+
+ @inha.edu 계정만 사용 가능합니다
+ {errorMessage ?{errorMessage}
: null} +
+
+ )
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+ 방문을 환영합니다!
+GDGoC INHA 홈페이지를 이용하려면 로그인하세요.
+
+
+
+
+ @inha.edu 계정만 사용 가능합니다
+ {errorMessage ?{errorMessage}
: null} +
+
+
+ )
+}
diff --git a/src/app/main/layout.js b/src/app/main/layout.js
deleted file mode 100644
index 0fdcd2a..0000000
--- a/src/app/main/layout.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import MenuHeader from "@/components/ui/common/MenuHeader";
-import ApiCodeGuard from '@/components/auth/ApiCodeGuard.jsx';
-
-export const metadata = {
- title: "Home", description: "Home management and participation platform",
-};
-
-export default function HomeLayout({children}) {
- return (
+
+
+
+
-
- ));
- };
-
- return (
-
-
- );
-}
\ No newline at end of file
diff --git a/src/app/manitto/admin/layout.js b/src/app/manitto/admin/layout.js
deleted file mode 100644
index 7df267a..0000000
--- a/src/app/manitto/admin/layout.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import MenuHeader from "@/components/ui/common/MenuHeader";
-import ApiCodeGuard from "@/components/auth/ApiCodeGuard.jsx";
-
-export const metadata = {
- title: "Manitto Admin", description: "GDGoC INHA Manitto Management",
-};
-
-export default function ManittoAdminLayout({children}) {
- return (
-
-
-
- {renderEventCards(ongoingEvents)}
-
-
-
- {renderEventCards(ongoingStudies)}
-
-
-
-
-
-
-
-
- {/* 현재 사용 세션 코드 (직접 입력/수정 가능) */}
- setSessionCode(e.target.value)}
- variant="bordered"
- classNames={{
- label: 'text-zinc-300',
- input: 'text-white',
- inputWrapper: 'bg-zinc-900 border-zinc-700 group-data-[focus=true]:border-zinc-400',
- }}
- />
-
-
-
-
- {/* 1단계: 참가자 CSV 업로드 */}
-
-
-
-
-
-
-
-
-
- {/* 2단계: 암호문 CSV 업로드 */}
-
-
-
-
-
-
-
-
-
- {(message || error) && (
-
- {message && (
- )}
-
);
-}
\ No newline at end of file
diff --git a/src/app/manitto/layout.js b/src/app/manitto/layout.js
deleted file mode 100644
index 938cf37..0000000
--- a/src/app/manitto/layout.js
+++ /dev/null
@@ -1,12 +0,0 @@
-export const metadata = {
- title: '마니또 확인',
- description: '마니또 매칭 결과를 확인합니다.',
-};
-
-export default function ManitoLayout({ children }) {
- return (
- 마니또 관리(Admin)
- - {/* 공통 설정 + 세션 등록/선택 */} -공통 설정 · 세션 관리
-
- 세션 단위로 참가자/매칭/암호문을 관리합니다.
-
- 먼저 세션을 생성한 뒤, 해당 세션을 선택하고 아래 단계를 진행하세요.
-
-
-
- {/* 세션 목록 */}
- 새 세션 등록
-
- setNewSessionCode(e.target.value)}
- variant="bordered"
- classNames={{
- label: 'text-zinc-300',
- input: 'text-white',
- inputWrapper: 'bg-zinc-900 border-zinc-700 group-data-[focus=true]:border-zinc-400',
- }}
- />
- setNewSessionTitle(e.target.value)}
- variant="bordered"
- classNames={{
- label: 'text-zinc-300',
- input: 'text-white',
- inputWrapper: 'bg-zinc-900 border-zinc-700 group-data-[focus=true]:border-zinc-400',
- }}
- />
-
-
-
-
- 세션 목록
-
- {loadingSessions && (
- 세션 목록을 불러오는 중...
)} - {!loadingSessions && sessions.length === 0 && (- 등록된 세션이 없습니다. 위에서 새 세션을 생성해 주세요. -
)} - {sessions.map((s) => (
-
))}
-
-
- {s.title || '(이름 없음)'}
-
-
- code: {s.code}
-
-
-
- - 1단계 · 참가자 CSV 업로드 & 매칭 생성 -
-
- CSV 헤더: studentId,name,pin · 업로드 후, 서버에서 매칭을 생성하고
-
- giverStudentId,giverName,receiverStudentId,receiverName CSV를
- 바로 다운로드합니다.
-
- 2단계 · 암호문(encryptedManitto) CSV 업로드 -
-
- 클라이언트에서 매칭 CSV를 기반으로 암호화한 결과를 업로드합니다.
-
- CSV 헤더 예시: studentId,encryptedManitto
-
{message}
)} - {error &&{error}
} -
- {children}
-
- );
-}
\ No newline at end of file
diff --git a/src/app/manitto/page.jsx b/src/app/manitto/page.jsx
deleted file mode 100644
index 58aa9a8..0000000
--- a/src/app/manitto/page.jsx
+++ /dev/null
@@ -1,247 +0,0 @@
-'use client';
-
-import {useEffect, useState} from 'react';
-import {useSearchParams} from 'next/navigation';
-import {Button, Card, CardBody, CardHeader, Divider, Input} from '@nextui-org/react';
-import {useAuthenticatedApi} from '@/hooks/useAuthenticatedApi';
-
-export default function ManitoVerifyPage() {
- const searchParams = useSearchParams();
- const {apiClient} = useAuthenticatedApi();
-
- const [sessionCode, setSessionCode] = useState('');
- const [studentId, setStudentId] = useState('');
- const [hash, setHash] = useState('');
-
- const [pin, setPin] = useState('');
- const [loading, setLoading] = useState(false);
- const [error, setError] = useState('');
- const [cipher, setCipher] = useState('');
- const [plain, setPlain] = useState(null); // { receiverStudentId, receiverName }
- const [ownerName, setOwnerName] = useState(''); // 요청자 이름 (API에서 내려주는 값 가정)
-
- useEffect(() => {
- if (!searchParams) return;
- const sCode = searchParams.get('sessionCode') || '';
- const sId = searchParams.get('studentId') || '';
- const h = searchParams.get('hash') || '';
-
- setSessionCode(sCode);
- setStudentId(sId);
- setHash(h);
- }, [searchParams]);
-
- /** ========= Base64URL → Uint8Array ========= */
- const base64UrlToBytes = (str) => {
- if (!str) return new Uint8Array();
- let base64 = str.replace(/-/g, '+').replace(/_/g, '/');
- while (base64.length % 4 !== 0) base64 += '=';
- const binary = typeof atob !== 'undefined' ? atob(base64) : Buffer.from(base64, 'base64').toString('binary');
-
- const bytes = new Uint8Array(binary.length);
- for (let i = 0; i < binary.length; i++) {
- bytes[i] = binary.charCodeAt(i);
- }
- return bytes;
- };
-
- /** ========= 실제 복호화 로직 (AES-256-GCM) =========
- * encrypted: base64url(nonce(12) + ciphertext+tag)
- * hashKey: base64url(32바이트 랜덤) → 그대로 AES 키
- */
- const tryDecrypt = async (encrypted, hashKey) => {
- if (!encrypted || !hashKey) return null;
- if (typeof window === 'undefined' || !window.crypto?.subtle) return null;
-
- try {
- const combined = base64UrlToBytes(encrypted);
- if (combined.length <= 12) return null;
-
- const nonce = combined.slice(0, 12);
- const ciphertext = combined.slice(12);
-
- const keyBytes = base64UrlToBytes(hashKey);
- if (keyBytes.length !== 32) {
- console.warn('Unexpected key length:', keyBytes.length);
- return null;
- }
-
- const key = await window.crypto.subtle.importKey('raw', keyBytes, {name: 'AES-GCM'}, false, ['decrypt'],);
-
- const plainBuffer = await window.crypto.subtle.decrypt({name: 'AES-GCM', iv: nonce}, key, ciphertext,);
-
- const dec = new TextDecoder();
- const jsonStr = dec.decode(plainBuffer);
- return JSON.parse(jsonStr);
- } catch (e) {
- console.error('Manito decrypt error:', e);
- return null;
- }
- };
-
- /** 🔥 encrypted(cipher) 값이 세팅되면 hash로 자동 복호화 */
- useEffect(() => {
- if (!cipher || !hash) {
- setPlain(null);
- return;
- }
-
- let cancelled = false;
-
- (async () => {
- const decoded = await tryDecrypt(cipher, hash);
- if (cancelled) return;
-
- if (decoded) {
- setPlain(decoded);
- } else {
- // 여기서도 error 세팅
- setError((prev) => (prev ? prev + '\n' : '') + '복호화에 실패했습니다. 해시 값이 올바른지 확인해 주세요.',);
- setPlain(null);
- }
- })();
-
- return () => {
- cancelled = true;
- };
- }, [cipher, hash]);
-
- const handleSubmit = async (e) => {
- e.preventDefault();
- setError('');
- setCipher('');
- setPlain(null);
- setOwnerName('');
-
- if (!sessionCode || !studentId) {
- setError('세션 코드 또는 학번 정보가 잘못되었습니다. 링크를 다시 확인해 주세요.');
- return;
- }
-
- if (!/^\d{4}$/.test(pin)) {
- setError('PIN은 숫자 4자리여야 합니다.');
- return;
- }
-
- try {
- setLoading(true);
-
- const res = await apiClient.post('/manito/verify', {sessionCode, studentId, pin}, {},);
-
- const body = res.data;
-
- // ✅ 서버 응답 키 이름 맞춰서 사용
- const encrypted = body?.data?.encryptedManito || '';
- const owner = body?.data?.ownerName || ''; // 백엔드에서 내려준다고 가정
-
- setOwnerName(owner);
- setCipher(encrypted); // 🔥 cipher가 바뀌면 useEffect가 hash로 복호화
- } catch (err) {
- const res = err?.response;
- const msg = res?.data?.message || res?.data?.error || err?.message || '알 수 없는 오류가 발생했습니다.';
- setError(msg);
- } finally {
- setLoading(false);
- }
- };
-
- const disabled = !sessionCode || !studentId;
-
- // 결과 문구 구성
- const receiverName = plain?.receiverName;
- const ownerLabel = ownerName || '당신';
-
- return (
-
-
- 🎁 GDGoC INHA · 마니또
-
-
-
- {disabled && (
-
-
);
-}
\ No newline at end of file
diff --git a/src/app/not-found.js b/src/app/not-found.tsx
similarity index 100%
rename from src/app/not-found.js
rename to src/app/not-found.tsx
diff --git a/src/app/notice/page.jsx b/src/app/notice/page.jsx
deleted file mode 100644
index 6c0573d..0000000
--- a/src/app/notice/page.jsx
+++ /dev/null
@@ -1,81 +0,0 @@
-'use client';
-
-import { useMemo, useState } from 'react';
-import NoticeCard from '@/components/notice/NoticeCard';
-import NoticeModal from '@/components/notice/NoticeModal';
-import { notices, NOTICE_CATEGORIES, NOTICE_STATUSES } from '@/mock/notices';
-
-export default function NoticePage() {
- const [category, setCategory] = useState('all');
- const [status, setStatus] = useState('all');
- const [selected, setSelected] = useState(null);
- const [loading, setLoading] = useState(false);
-
- const filtered = useMemo(() => {
- return notices.filter((n) => {
- const categoryOk = category === 'all' || n.category === category;
- const statusOk = status === 'all' || n.status === status;
- return categoryOk && statusOk;
- });
- }, [category, status]);
-
- if (!loading) {
- return (
- - 마니또 확인하기 -
-
- 전달받은 링크로 접속한 뒤,
- 본인이 설정한 PIN 4자리를 입력해 주세요.
-
- 필수 정보가 누락되었습니다. 링크를 다시 확인해 주세요. -
)} - - - - {/* 결과 영역 */} - {(cipher || plain) && (<> -
-
- )}
- - 결과 -
- - {plain ? (
-
) : (- {ownerLabel} - 님의 마니또는 - - {receiverName || '알 수 없음'} - - 님입니다! 🎉 -
-- 이 정보는 브라우저에서 해시값을 사용해 복호화한 결과이며, - 서버에는 평문으로 저장되지 않습니다. -
-
-
)}
- - 복호화에 실패하였습니다. -
-- 해시 값이 올바른지, 전달받은 링크가 정확한지 다시 한 번 - 확인해 주세요. 문제가 계속되면 운영진에게 문의해 주세요. -
-
-
- );
- }
-
- return (
- Error
-
- {/* Hero */}
- setSelected(null)} />
-
- );
-}
-
-
diff --git a/src/app/page.jsx b/src/app/page.jsx
deleted file mode 100644
index 99c6d27..0000000
--- a/src/app/page.jsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client";
-
-import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-
-import Lenis from '@studio-freight/lenis';
-
-import gsap from 'gsap';
-import ScrollTrigger from 'gsap/ScrollTrigger';
-
-import HeroSection from '@/components/landing/HeroSection';
-import AboutSection from '@/components/landing/AboutSection';
-import StatsSection from '@/components/landing/StatsSection';
-import ActivitiesSection from '@/components/landing/ActivitiesSection';
-import StudySection from '@/components/landing/StudySection';
-import PartnersSection from '@/components/landing/PartnersSection';
-import CTASection from '@/components/landing/CTASection';
-
-gsap.registerPlugin(ScrollTrigger);
-
-export default function Home() {
-
- const router = useRouter();
-
- useEffect(() => {
- const lenis = new Lenis({
- duration: 1.5,
- smoothWheel: true,
- wheelMultiplier: 0.8,
- smoothTouch: true,
- });
-
- gsap.ticker.add((time) => {
- lenis.raf(time * 800);
- });
-
- lenis.on('scroll', ScrollTrigger.update);
-
- return () => {
- lenis.destroy();
- gsap.ticker.remove();
- };
- }, []);
-
-
- return (
-
-
-
- {/* Filter Bar */}
- GDGoC INHA에서 진행중인 프로젝트 둘러보기
-개발자 커뮤니티의 공지, 행사, 프로젝트 소식을 확인하세요.
-
-
-
- {/* Grid */}
-
-
-
- {NOTICE_CATEGORIES.map((c) => (
-
- ))}
-
-
- {NOTICE_STATUSES.map((s) => (
-
- ))}
-
-
- {filtered.map((item) => (
-
-
-
-
- );
-}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..1fa3f3b
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,54 @@
+'use client'
+
+import { useEffect } from 'react'
+import { useRouter } from 'next/navigation'
+
+import Lenis from '@studio-freight/lenis'
+
+import gsap from 'gsap'
+import ScrollTrigger from 'gsap/ScrollTrigger'
+
+import HeroSection from '@/components/landing/HeroSection'
+import AboutSection from '@/components/landing/AboutSection'
+import StatsSection from '@/components/landing/StatsSection'
+import ActivitiesSection from '@/components/landing/ActivitiesSection'
+import PartnersSection from '@/components/landing/PartnersSection'
+import CTASection from '@/components/landing/CTASection'
+
+gsap.registerPlugin(ScrollTrigger)
+
+export default function Home() {
+ const router = useRouter()
+
+ useEffect(() => {
+ const lenis = new Lenis({
+ duration: 1.5,
+ smoothWheel: true,
+ wheelMultiplier: 0.8
+ })
+
+ const tickerHandler = (time: number) => {
+ lenis.raf(time * 800)
+ }
+
+ gsap.ticker.add(tickerHandler)
+
+ lenis.on('scroll', ScrollTrigger.update)
+
+ return () => {
+ lenis.destroy()
+ gsap.ticker.remove(tickerHandler)
+ }
+ }, [])
+
+ return (
+
+
+ )
+}
diff --git a/src/app/recruit/core/completed/page.tsx b/src/app/recruit/core/completed/page.tsx
new file mode 100644
index 0000000..2981862
--- /dev/null
+++ b/src/app/recruit/core/completed/page.tsx
@@ -0,0 +1,85 @@
+'use client'
+
+import Link from 'next/link'
+import { GdgLogo, GdgButton } from '@/components/ui/design-system'
+
+function Bullet({ children }: { children: React.ReactNode }) {
+ return (
+
+
+ •
+
+
+ )
+}
+
+export default function RecruitCoreCompleted() {
+ return (
+ {children}
+
+ {/* Header */}
+
+
+
+
+ {/* Content Sections - Step 2 UI 이관 */}
+ Core Member 지원 완료
+
+
+
+
+
+ 모집 일정
+
+
+
+
+
+ 서류 지원 기간
+
+ 2026. 2. 12.(목) - 2026. 3. 14.(토) 23:59
+
+ 서류 결과 발표
+
+ ~ 2026. 3. 15.(일)
+
+ 면접 진행 기간
+
+ 2026. 3. 16.(월) - 2026. 3. 20.(금)
++ ※ 지원자 및 면접관 일정에 따라 마감 전 면접이 가능할 수 있습니다. +
+
+ 최종 결과 발표
+
+ ~ 2026. 3. 21.(토)
+
+
+
+ 면접 안내
+
+ 원칙적으로 대면 면접을 진행하며, 부득이한 경우 비대면으로 조정될 수 있습니다.
+
+
+ 면접은 인하대학교 내부 장소에서 진행됩니다.
+
+
+
+
+ 활동 안내
+
+ 운영진으로 활동 시, 매주 1회 정기 운영진 회의에 필수 참석해야 합니다.
+
+ ※ 일정은 3월 내로 공지 드립니다.
+
+
+
+ 홈으로 이동
+
+
+
+
+ {STEPS.map((step, index) => {
+ const stepIndex = index as RecruitStep
+ const isCurrent = stepIndex === currentStep
+ const isActivated = stepIndex <= maxReachedStep
+ const isClickable = stepIndex <= maxReachedStep
+ const isLast = index === STEPS.length - 1
+
+ return (
+
+ )
+}
+
+function TextareaField({
+ name,
+ label,
+ value,
+ maxLength,
+ rows,
+ required,
+ error,
+ helper,
+ onChange
+}: {
+ name: keyof RecruitFormData
+ label: string
+ value: string
+ maxLength: number
+ rows: number
+ required?: boolean
+ error?: boolean
+ helper?: string
+ onChange: (event: ChangeEvent
+
+ {!isLast && (
+
+ )}
+
+ )
+ })}
+
+
+ •
+
+
+ )
+}
+
+export default function RecruitCore() {
+ const router = useRouter()
+ const { apiClient } = useAuthenticatedApi()
+
+ const [currentStep, setCurrentStep] = useState{children}
+ {title}
+{children}
+
+ {children}
+
+ )
+}
+
+function Bullet({ children }: { children: React.ReactNode }) {
+ return (
+
+
+ •
+
+
+ )
+}
+
+function CoreMemberPromoSection() {
+ return (
+ {children}
+
+
+
+
+
+
+ 코어 멤버 모집 바로가기
+
+ + {'잠깐!\n혹시 코어 멤버에 대해 들어보셨나요?'} +
+ +
+ {`코어 멤버는 GDGoC INHA 활동의 꽃,
+동아리를 직접 기획하고 운영하는 핵심 운영진입니다.
+
+행사를 만들고, 팀을 이끌고,
+동아리의 방향을 함께 고민합니다.
+
+단순한 참여를 넘어 직접 만들어보고 싶다면,
+
+.
+.
+.`}
+
+
+
+
+
+
+ + {isFromRecruit ? 'GDGoC INHA 지원 완료' : 'GDGoC INHA 일정 안내'} +
+
+ {isFromRecruit && (
+
+
+ )}
+
+
+
+
+ 집중 모집 기간
+ 2/12 ~ 3/15
+
+
+
+
+
+
+
+
+ 회비
+ 20,000원
+
+
+ 입금 계좌
+ 신한 110-333-968130 (예금주: 백승엽)
+
+
+ 회비 납부 확인 후, GDGoC INHA의 멤버로서 모든 활동들에 대한 참가 권한을 얻게 됩니다.
+
+
+ 프로젝트와 스터디 등 일부 활동은 운영 소요에 따라 추가금이 산정될 수 있습니다.
+
+ 모든 회비는 커뮤니티 운영비로 투명하게 사용, 처리됩니다.
+
+
+
+
+
+ 동아리 단체 채팅방은 매주 금요일에 일괄 초대됩니다.
+
+
+
+
+
+
+ 카카오톡 오픈채팅
+
+ + https://open.kakao.com/o/s3fxV67h + +
+
+ 인스타그램 DM
+
+ @gdgoc.inha +
+
+
+
+
+ 지원해주셔서 감사합니다.
++ 아래 안내 사항을 확인해 주세요. +
++ 이후 상시 모집으로 전환됩니다. +
++ 회비 입금이 완료되어야 최종 등록이 확정됩니다. +
++ + https://open.kakao.com/o/s3fxV67h + +
+ @gdgoc.inha +
+
+
+
+ )
+}
diff --git a/src/app/recruit/page.jsx b/src/app/recruit/page.jsx
deleted file mode 100644
index 9d3b8bd..0000000
--- a/src/app/recruit/page.jsx
+++ /dev/null
@@ -1,134 +0,0 @@
-"use client";
-
-import { useState, useCallback } from "react";
-import { useRouter } from 'next/navigation';
-import { Button } from '@nextui-org/react';
-import axios from 'axios';
-
-import Loader from '@/components/ui/common/Loader.jsx';
-import VerticalProgressBar from '@/components/ui/progressbar/VerticalProgressBar.jsx';
-import HorizontalProgressBar from '@/components/ui/progressbar/HorizontalProgressBar.jsx';
-
-import Recruit1 from '@/components/recruit/screen/Recruit1';
-import Recruit2 from '@/components/recruit/screen/Recruit2';
-import Recruit3 from '@/components/recruit/screen/Recruit3';
-import Recruit4 from '@/components/recruit/screen/Recruit4';
-import Recruit5 from '@/components/recruit/screen/Recruit5';
-import Recruit6 from '@/components/recruit/screen/Recruit6';
-import Recruit7 from '@/components/recruit/screen/Recruit7';
-import Recruit8 from '@/components/recruit/screen/Recruit8';
-import Recruit9 from '@/components/recruit/screen/Recruit9';
-import Recruit10 from '@/components/recruit/screen/Recruit10';
-import Recruit11 from '@/components/recruit/screen/Recruit11';
-
-import { formatRecruitData } from '@/utils/formatRecruitData.js';
-
-export default function Recruit() {
- const router = useRouter();
-
- const [mainRecruitData, setMainRecruitData] = useState(new Map());
- const [step, setStep] = useState(1);
- const [mount, setMount] = useState(1);
- const [checked, setChecked] = useState(false);
- const [loading, setLoading] = useState(false);
-
- const handleNext = async () => {
- if (!checked) {
- alert("신청서의 공란을 모두 기입해 주세요.");
- return;
- }
- if (step >= 11) {
- const confirmation = window.confirm("정말 제출하시겠습니까?");
- if (confirmation) {
- const formattedData = formatRecruitData(mainRecruitData);
- try {
- setLoading(true)
- const response = await axios.post(process.env.NEXT_PUBLIC_BASE_API_URL + "/apply", formattedData);
- router.push("/recruit/submit");
- } catch (error) {
- if (error.response && error.response.status === 500) {
- alert("이미 가입된 회원입니다.");
- } else {
- alert("제출 중 오류가 발생했습니다. 다시 시도해 주세요.");
- }
- setLoading(false)
- }
- }
- } else {
- setStep((prev) => prev + 1);
- setMount((prev) => Math.max(prev, step + 1));
- }
- };
-
- const handlePrevious = () => {
- setStep((prev) => Math.max(prev - 1, 1));
- };
-
- const updateRecruitData = useCallback((step, data) => {
- setMainRecruitData((prev) => new Map(prev).set(step, data));
- }, []);
-
- return (
-
-
- );
-}
\ No newline at end of file
diff --git a/src/app/recruit/page.tsx b/src/app/recruit/page.tsx
new file mode 100644
index 0000000..e16e717
--- /dev/null
+++ b/src/app/recruit/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation'
+
+export default function RecruitRedirect() {
+ redirect('/recruit/member')
+}
diff --git a/src/app/recruit/submit/page.jsx b/src/app/recruit/submit/page.jsx
deleted file mode 100644
index a9bc411..0000000
--- a/src/app/recruit/submit/page.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-import { Button } from "@nextui-org/react";
-
-export default function RecruitSubmit() {
- const router = useRouter()
- const [checkMotion, setCheckMotion] = useState(false);
-
- useEffect(() => {
- const timer = setTimeout(() => {
- setCheckMotion(true);
- }, 50);
-
- return () => clearTimeout(timer);
- }, []);
-
- return (
-
-
-
-
-
- G
- D
- G
- o
- C INHA 25-2
- 멤버에 지원해보세요
-
-
-
-
-
-
- 개인정보 수집
-필수 인적 사항
-단과대학 | 전공
-지원 정보
-설문조사
-회비 안내
-
- {mount >= 0 &&
-
- {step > 1 && (
-
- )}
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/app/robots.js b/src/app/robots.ts
similarity index 97%
rename from src/app/robots.js
rename to src/app/robots.ts
index baa8391..1fd1a8c 100644
--- a/src/app/robots.js
+++ b/src/app/robots.ts
@@ -25,7 +25,7 @@ export default function robots() {
'/hooks/',
'/mock/',
'/utils/',
- '/recruit/'
+ '/recruit/member/'
],
crawlDelay: 5,
},
diff --git a/src/app/signup/layout.tsx b/src/app/signup/layout.tsx
new file mode 100644
index 0000000..144dff3
--- /dev/null
+++ b/src/app/signup/layout.tsx
@@ -0,0 +1,15 @@
+import type { Metadata } from 'next'
+import type { ReactNode } from 'react'
+
+export const metadata: Metadata = {
+ title: '회원가입',
+ description: 'GDGoC INHA 멤버 가입을 완료하세요.'
+}
+
+export default function SignupLayout({ children }: { children: ReactNode }) {
+ return (
+
-
- ✓
-
-
- 25-2 멤버 가입이 완료되었습니다.
-
-
-
- 신규 멤버 초대는 매주 월요일 오후 3시에 일괄 진행됩니다.
-
-
- 회비 납부 확인 후,
- G
- D
- G
- o
- C INHA
-
- 채팅방에 초대해 드리겠습니다.
-
+ {children}
+
+ )
+}
diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
new file mode 100644
index 0000000..c44468b
--- /dev/null
+++ b/src/app/signup/page.tsx
@@ -0,0 +1,448 @@
+'use client'
+
+import { type FormEvent, useCallback, useEffect, useMemo, useState } from 'react'
+import axios from 'axios'
+import { useRouter, useSearchParams } from 'next/navigation'
+
+import { GdgMajorDropdown } from '@/components/ui/design-system/GdgMajorDropdown'
+import {
+ GdgButton,
+ GdgCheckbox,
+ GdgFieldContainer,
+ GdgLogo,
+ GdgInputField,
+ type GdgFieldStatus
+} from '@/components/ui/design-system'
+import Loader from '@/components/ui/common/Loader'
+import { PrivacyPolicyNotice } from '@/components/ui/common/PrivacyPolicyNotice'
+import { useAuth } from '@/hooks/useAuth'
+import {
+ checkPhoneNumberDuplicated,
+ checkStudentIdDuplicated,
+ type DuplicateCheckResponseBody,
+ type SignupResponseBody,
+ signupWithProfile
+} from '@/services/auth/authClient'
+import { PENDING_SIGNUP_STORAGE_KEY, type PendingSignupPayload } from '@/constant/auth'
+import { unwrapApiResponse } from '@/utils/api/unwrap'
+import {
+ formatPhoneNumberInput,
+ isPhoneNumberFormatValid,
+ toPhoneDigits
+} from '@/utils/phoneNumber'
+
+const DEFAULT_FALLBACK_ROUTE = '/'
+const STUDENT_ID_PATTERN = /^12\d{6}$/
+
+const getSafeNextUrl = (raw: string | null): string => {
+ if (!raw) return DEFAULT_FALLBACK_ROUTE
+
+ try {
+ const decoded = decodeURIComponent(raw)
+ return decoded.startsWith('/') ? decoded : DEFAULT_FALLBACK_ROUTE
+ } catch {
+ return DEFAULT_FALLBACK_ROUTE
+ }
+}
+
+interface FieldErrors {
+ name?: string
+ studentId?: string
+ phoneNumber?: string
+ major?: string
+}
+
+type DuplicateCheckStatus = 'idle' | 'checking' | 'available' | 'duplicate' | 'unverified' | 'error'
+
+interface DuplicateCheckState {
+ status: DuplicateCheckStatus
+ message?: string
+ checkedValue?: string
+ verifiedValue?: string
+}
+
+export default function SignupPage() {
+ const router = useRouter()
+ const searchParams = useSearchParams()
+ const { setUser } = useAuth()
+ const isPreview = searchParams?.get('preview') === '1'
+
+ const [pendingInfo, setPendingInfo] = useState
+ {initializing ? null : pendingInfo ? (
+
+ ) : null}
+
+
+ )
+}
diff --git a/src/app/sitemap.js b/src/app/sitemap.ts
similarity index 91%
rename from src/app/sitemap.js
rename to src/app/sitemap.ts
index 073582e..2c5bdb1 100644
--- a/src/app/sitemap.js
+++ b/src/app/sitemap.ts
@@ -12,7 +12,7 @@ export default function sitemap() {
priority: 1,
},
{
- url: `${baseUrl}/recruit`,
+ url: `${baseUrl}/recruit/member`,
lastModified: currentDate,
changeFrequency: 'weekly',
priority: 0.8,
diff --git a/src/app/test/login_test/page.jsx b/src/app/test/login_test/page.jsx
deleted file mode 100644
index 7c4ae59..0000000
--- a/src/app/test/login_test/page.jsx
+++ /dev/null
@@ -1,87 +0,0 @@
-'use client';
-
-import { useMemo, useState } from 'react';
-import { useAuthenticatedApi } from '@/hooks/useAuthenticatedApi';
-import { useAuth } from '@/hooks/useAuth';
-import { GoogleLogin } from '@/services/auth/signin/google/GoogleLogin';
-
-const NEXT_PATH = '/test/login_test';
-
-export default function LoginTestPage() {
- const { apiClient } = useAuthenticatedApi();
- const { accessToken } = useAuth();
- const { handleGoogleLogin } = GoogleLogin();
-
- const isLoggedIn = Boolean(accessToken);
- const maskedToken = useMemo(() => {
- if (!accessToken) return '-';
- const head = String(accessToken).slice(0, 8);
- const tail = String(accessToken).slice(-6);
- return `${head}...${tail}`;
- }, [accessToken]);
-
- const [loading, setLoading] = useState(false);
- const [httpStatus, setHttpStatus] = useState(null);
- const [payload, setPayload] = useState(null);
- const [errorText, setErrorText] = useState('');
-
- const handleCallTestApi = async () => {
- setLoading(true);
- setErrorText('');
- setPayload(null);
- setHttpStatus(null);
- try {
- const res = await apiClient.get('/test/login_test');
- setHttpStatus(res.status);
- setPayload(res.data);
- } catch (err) {
- const status = err?.response?.status ?? 'NETWORK_ERROR';
- setHttpStatus(status);
- if (err?.response?.data) setPayload(err.response.data);
- setErrorText(String(err?.message || 'request failed'));
- } finally {
- setLoading(false);
- }
- };
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/src/app/test/page.jsx b/src/app/test/page.jsx
deleted file mode 100644
index bbecc1b..0000000
--- a/src/app/test/page.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-'use client'
-
-import { useState, useMemo } from 'react';
-import { useAuthenticatedApi } from '@/hooks/useAuthenticatedApi';
-import { useAuth } from '@/hooks/useAuth';
-
-export default function TestAuthPage() {
- const { apiClient } = useAuthenticatedApi();
- const { accessToken } = useAuth();
-
- const isLoggedIn = Boolean(accessToken);
- const maskedToken = useMemo(() => {
- if (!accessToken) return '-';
- const head = String(accessToken).slice(0, 8);
- const tail = String(accessToken).slice(-6);
- return `${head}...${tail}`;
- }, [accessToken]);
-
- const [loading, setLoading] = useState(false);
- const [httpStatus, setHttpStatus] = useState(null);
- const [payload, setPayload] = useState(null);
- const [errorText, setErrorText] = useState('');
-
- const handleCallAuthApi = async () => {
- setLoading(true);
- setErrorText('');
- setPayload(null);
- setHttpStatus(null);
- try {
- const res = await apiClient.get('/recruit/members', {
- params: { page: 0, size: 20, sort: 'createdAt', dir: 'DESC' },
- });
- setHttpStatus(res.status);
- setPayload(res.data);
- } catch (err) {
- const status = err?.response?.status ?? 'NETWORK_ERROR';
- setHttpStatus(status);
- if (err?.response?.data) setPayload(err.response.data);
- setErrorText(String(err?.message || 'request failed'));
- } finally {
- setLoading(false);
- }
- };
-
- return (
- Google Login Test
- -Current login state
-
- {isLoggedIn ? 'Logged in' : 'Not logged in'}
-
- Access token: {maskedToken}
- Response
- HTTP Status: {httpStatus ?? '-'}
- {errorText && (
- Error: {errorText}
- )}
-
-{payload ? JSON.stringify(payload, null, 2) : '-'}
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/app/unauthorized.js b/src/app/unauthorized.js
deleted file mode 100644
index 22380b3..0000000
--- a/src/app/unauthorized.js
+++ /dev/null
@@ -1,78 +0,0 @@
-// this is experimental page for nextjs
-'use client';
-
-import { useRouter } from "next/navigation";
-import { Button } from "@nextui-org/react";
-import Image from 'next/image';
-
-// resource
-import gdgocIcon from "@public/icons/logo.png";
-
-export default function Unauthorized() {
- const router = useRouter();
-
- const handleClick = () => {
- router.push("/auth/signin");
- };
-
- return (
- 로그인 테스트
-cicd 배포 테스트 입니다.
- -현재 로그인 상태
-
- {isLoggedIn ? '로그인됨' : '미로그인'}
-
- 액세스 토큰: {maskedToken}
- 응답
- HTTP Status: {httpStatus ?? '-'}
- {errorText && (
- 에러: {errorText}
- )}
-
-{JSON.stringify(payload, null, 2) || '-'}
-
-
- {/* 아이콘 배경 */}
-
-
- {/* 401 에러 박스 */}
-
- );
-}
\ No newline at end of file
diff --git a/src/app/unauthorized.tsx b/src/app/unauthorized.tsx
new file mode 100644
index 0000000..5d2d638
--- /dev/null
+++ b/src/app/unauthorized.tsx
@@ -0,0 +1,111 @@
+// this is experimental page for nextjs
+'use client'
+
+import { useMemo } from 'react'
+import { useRouter, useSearchParams } from 'next/navigation'
+import { Button } from '@nextui-org/react'
+import Image from 'next/image' // resource
+import gdgocIcon from '@public/icons/logo.png'
+
+export default function Unauthorized() {
+ const router = useRouter()
+ const searchParams = useSearchParams()
+
+ const nextTarget = useMemo(() => {
+ const raw = searchParams?.get('next')
+ if (raw && raw.startsWith('/')) {
+ return raw
+ }
+ return '/'
+ }, [searchParams])
+
+ const handleClick = () => {
+ if (nextTarget) {
+ router.push(`/login?next=${encodeURIComponent(nextTarget)}`)
+ } else {
+ router.push('/login')
+ }
+ }
+
+ return (
+
-
-
- {/* 401 아이콘 */}
-
-
-
-
-
- {/* 401 내용 */}
- - 401 Unauthorized -
- - -
-
-
- {/* 버튼 */}
-
-
- {/* 작은 로고 */}
- 로그인이 필요한 페이지입니다.
-로그인 후 다시 시도해주세요.
-
-
-
+ {/* 아이콘 배경 */}
+
+
+ {/* 401 에러 박스 */}
+
+ )
+}
diff --git a/src/components/admin/AdminDashboard.jsx b/src/components/admin/AdminDashboard.tsx
similarity index 100%
rename from src/components/admin/AdminDashboard.jsx
rename to src/components/admin/AdminDashboard.tsx
diff --git a/src/components/admin/AdminTableBottomContent.jsx b/src/components/admin/AdminTableBottomContent.tsx
similarity index 100%
rename from src/components/admin/AdminTableBottomContent.jsx
rename to src/components/admin/AdminTableBottomContent.tsx
diff --git a/src/components/admin/AdminTableCell.jsx b/src/components/admin/AdminTableCell.tsx
similarity index 100%
rename from src/components/admin/AdminTableCell.jsx
rename to src/components/admin/AdminTableCell.tsx
diff --git a/src/components/admin/AdminTableTopContent.jsx b/src/components/admin/AdminTableTopContent.jsx
deleted file mode 100644
index d305316..0000000
--- a/src/components/admin/AdminTableTopContent.jsx
+++ /dev/null
@@ -1,53 +0,0 @@
-"use client";
-
-import React from 'react';
-import { Input } from '@nextui-org/react';
-import { IoSearch } from 'react-icons/io5';
-
-export default function AdminTableTopContent({ searchValue, setSearchValue, onSearch }) {
- return (
-
- }
- value={searchValue}
- onChange={(e) => setSearchValue(e.target.value)}
- onKeyDown={(e) => {
- if (e.key === 'Enter' && !e.nativeEvent.isComposing) {
- e.preventDefault();
- onSearch();
- }
- }}
- onClear={() => setSearchValue('')}
- />
- );
-}
-
-
diff --git a/src/components/admin/AdminTableTopContent.tsx b/src/components/admin/AdminTableTopContent.tsx
new file mode 100644
index 0000000..0b6391b
--- /dev/null
+++ b/src/components/admin/AdminTableTopContent.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import React from 'react';
+import { GdgInput } from '@/components/ui/input/GdgInput';
+import { IoSearch } from 'react-icons/io5';
+
+export default function AdminTableTopContent({ searchValue, setSearchValue, onSearch }) {
+ return (
+
+
+
+ {/* 401 아이콘 */}
+
+
+
+
+
+ {/* 401 내용 */}
+ + 401 Unauthorized +
+ + +
+
+
+ {/* 버튼 */}
+
+
+ {/* 작은 로고 */}
+ 로그인이 필요한 페이지입니다.
+로그인 후 다시 시도해주세요.
+
+
+
-
- );
-}
\ No newline at end of file
diff --git a/src/components/auth/signup/AdditionalInfoForm.tsx b/src/components/auth/signup/AdditionalInfoForm.tsx
new file mode 100644
index 0000000..27f3200
--- /dev/null
+++ b/src/components/auth/signup/AdditionalInfoForm.tsx
@@ -0,0 +1,58 @@
+'use client'
+
+import { GdgInput } from '@/components/ui/input/GdgInput'
+import { MajorAutocomplete } from '@/components/ui/input/MajorAutocomplete'
+
+export default function AdditionalInfoForm({
+ major,
+ setMajor,
+ studentId,
+ setStudentId,
+ phoneNumber,
+ setPhoneNumber
+}) {
+ return (
+
-
- {majorOptions.map((collegeGroup) => (
-
- {collegeGroup.items.map((majorItem) => (
-
- {majorItem.value}
-
- ))}
-
- ))}
-
-
-
-
-
-
-
-
- {
- const value = e.target.value.replace(/[^0-9]/g, '');
- if (value.length <= 11) {
- let formattedNumber = value;
- if (value.length > 3) {
- formattedNumber = value.slice(0,3) + '-' + value.slice(3);
- }
- if (value.length > 7) {
- formattedNumber = formattedNumber.slice(0,8) + '-' + formattedNumber.slice(8);
- }
- setPhoneNumber(formattedNumber);
- }
- }}
- classNames={{
- label: "!pb-[10px] !text-white",
- inputWrapper: `h-[48px] rounded-full border-2 border-white/50 caret-white bg-transparent !transition !duration-300 !ease-in-out
- group-data-[focus=true]:border-2 group-data-[focus=true]:border-white group-data-[focus=true]:bg-transparent
- group-data-[hover=true]:border-2 group-data-[hover=true]:border-white group-data-[hover=true]:bg-transparent`,
- mainWrapper: "relative",
- input: "!text-white",
- }}
- />
-
-
+
+ )
+}
diff --git a/src/components/auth/signup/ProfileInfoForm.jsx b/src/components/auth/signup/ProfileInfoForm.jsx
deleted file mode 100644
index d81616b..0000000
--- a/src/components/auth/signup/ProfileInfoForm.jsx
+++ /dev/null
@@ -1,123 +0,0 @@
-"use client"
-
-import { Input } from "@nextui-org/react";
-
-export default function ProfileInfoForm({
- name, setName,
- email, setEmail,
- password, setPassword,
- confirmPassword, setConfirmPassword,
- errors, isEmailValid,
- isNameDisabled, isEmailDisabled, setIsEmailValid
-}) {
-
- const emailChange = (e) => {
- setEmail(e.target.value);
- setIsEmailValid(false);
- }
-
- return (
-
+
+
+ 전공
+
+
+
+
+ {
+ const value = e.target.value.replace(/[^0-9]/g, '')
+ if (value.length <= 11) {
+ let formattedNumber = value
+ if (value.length > 3) {
+ formattedNumber = value.slice(0, 3) + '-' + value.slice(3)
+ }
+ if (value.length > 7) {
+ formattedNumber = formattedNumber.slice(0, 8) + '-' + formattedNumber.slice(8)
+ }
+ setPhoneNumber(formattedNumber)
+ }
+ }}
+ />
+
+
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/auth/signup/ProfileInfoForm.tsx b/src/components/auth/signup/ProfileInfoForm.tsx
new file mode 100644
index 0000000..eb109ca
--- /dev/null
+++ b/src/components/auth/signup/ProfileInfoForm.tsx
@@ -0,0 +1,78 @@
+"use client"
+
+import { GdgInput } from "@/components/ui/input/GdgInput";
+
+export default function ProfileInfoForm({
+ name, setName,
+ email, setEmail,
+ password, setPassword,
+ confirmPassword, setConfirmPassword,
+ errors, isEmailValid,
+ isNameDisabled, isEmailDisabled, setIsEmailValid
+}) {
+
+ const emailChange = (e) => {
+ setEmail(e.target.value);
+ setIsEmailValid(false);
+ }
+
+ return (
+
-
-
-
- - 이미 가입된 이메일입니다! -
- - 0} - errorMessage={errors.map((error, index) => ( -{error}
- ))} - classNames={{ - label: "!pb-[10px] !text-white", - inputWrapper: `h-[48px] rounded-full border-2 border-white/50 caret-white bg-transparent !transition !duration-300 !ease-in-out - group-data-[focus=true]:border-2 group-data-[focus=true]:border-white group-data-[focus=true]:bg-transparent - group-data-[hover=true]:border-2 group-data-[hover=true]:border-white group-data-[hover=true]:bg-transparent - group-data-[invalid=true]:!bg-transparent group-data-[invalid=true]:!border-[#EA4336]`, - mainWrapper: "relative", - helperWrapper: "absolute -bottom-12 left-0", - input: "!text-white", - errorMessage: "text-[#EA4336]", - }} - /> - - 0} - errorMessage={ - password !== confirmPassword && confirmPassword.length > 0 ? -비밀번호가 일치하지 않습니다.
: "" - } - onValueChange={setConfirmPassword} - classNames={{ - label: "!pb-[10px] !text-white", - inputWrapper: `h-[48px] rounded-full border-2 border-white/50 caret-white bg-transparent !transition !duration-300 !ease-in-out - group-data-[focus=true]:border-2 group-data-[focus=true]:border-white group-data-[focus=true]:bg-transparent - group-data-[hover=true]:border-2 group-data-[hover=true]:border-white group-data-[hover=true]:bg-transparent - group-data-[invalid=true]:!bg-transparent group-data-[invalid=true]:!border-[#EA4336]`, - mainWrapper: "relative", - helperWrapper: "absolute -bottom-6 left-0", - input: "!text-white", - errorMessage: "text-[#EA4336]", - }} - /> -
+ 0}
+ errorMessage={errors.join(' ')}
+ />
+
+ 0}
+ errorMessage={
+ password !== confirmPassword && confirmPassword.length > 0
+ ? '비밀번호가 일치하지 않습니다.'
+ : ''
+ }
+ onValueChange={setConfirmPassword}
+ />
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/event/homecoming/GuestbookWordCloud.jsx b/src/components/event/homecoming/GuestbookWordCloud.jsx
deleted file mode 100644
index cdaeec7..0000000
--- a/src/components/event/homecoming/GuestbookWordCloud.jsx
+++ /dev/null
@@ -1,65 +0,0 @@
-'use client';
-
-import { useMemo } from "react";
-
-const mapToRange = (value, min, max) => min + value * (max - min);
-
-const defaultColors = {
- highlight: "text-cblue",
- muted: "text-slate-600",
- shadow: "drop-shadow-[0_1.5px_10px_rgba(15,23,42,0.12)]",
-};
-
-export default function GuestbookWordCloud({ entries, isLoading, recentCount = 5, className = "", style = {}, colorScheme = defaultColors }) {
- const words = useMemo(() => {
- if (!entries?.length) {
- return [];
- }
-
- return entries.map((entry, idx) => {
- const key = entry.id ?? `${entry.wristbandSerial ?? "unknown"}-${idx}`;
- const goldenRatio = 0.61803398875;
- const base = Math.random() + idx * goldenRatio;
- const top = mapToRange(base % 1, 12, 88);
- const left = mapToRange((base * goldenRatio) % 1, 10, 90);
- const fontSize = mapToRange(Math.random(), 1.2, 3.2);
- const rotate = mapToRange(Math.random(), -10, 10);
- const opacity = mapToRange(Math.random(), 0.45, 0.95);
-
- return {
- key,
- label: entry.name,
- isRecent: idx >= Math.max(entries.length - recentCount, 0),
- style: {
- top: `${top}%`,
- left: `${left}%`,
- fontSize: `${fontSize}rem`,
- opacity,
- transform: `translate(-50%, -50%) rotate(${rotate}deg)`,
- },
- };
- });
- }, [entries, recentCount]);
-
- return (
-
+
+
+ + 이미 가입된 이메일입니다! +
+ +
- {words.length ? (
- words.map((word) => (
-
- {word.label}
-
- ))
- ) : (
- !isLoading && (
-
- );
-}
diff --git a/src/components/event/homecoming/GuestbookWordCloud.tsx b/src/components/event/homecoming/GuestbookWordCloud.tsx
new file mode 100644
index 0000000..9275f0e
--- /dev/null
+++ b/src/components/event/homecoming/GuestbookWordCloud.tsx
@@ -0,0 +1,70 @@
+'use client'
+
+import { useMemo } from 'react'
+
+const mapToRange = (value, min, max) => min + value * (max - min)
+
+const defaultColors = {
+ highlight: 'text-blue',
+ muted: 'text-slate-600',
+ shadow: 'drop-shadow-[0_1.5px_10px_rgba(15,23,42,0.12)]'
+}
+
+export default function GuestbookWordCloud({
+ entries,
+ isLoading,
+ recentCount = 5,
+ className = '',
+ style = {},
+ colorScheme = defaultColors
+}) {
+ const words = useMemo(() => {
+ if (!entries?.length) {
+ return []
+ }
+
+ return entries.map((entry, idx) => {
+ const key = entry.id ?? `${entry.wristbandSerial ?? 'unknown'}-${idx}`
+ const goldenRatio = 0.61803398875
+ const base = Math.random() + idx * goldenRatio
+ const top = mapToRange(base % 1, 12, 88)
+ const left = mapToRange((base * goldenRatio) % 1, 10, 90)
+ const fontSize = mapToRange(Math.random(), 1.2, 3.2)
+ const rotate = mapToRange(Math.random(), -10, 10)
+ const opacity = mapToRange(Math.random(), 0.45, 0.95)
+
+ return {
+ key,
+ label: entry.name,
+ isRecent: idx >= Math.max(entries.length - recentCount, 0),
+ style: {
+ top: `${top}%`,
+ left: `${left}%`,
+ fontSize: `${fontSize}rem`,
+ opacity,
+ transform: `translate(-50%, -50%) rotate(${rotate}deg)`
+ }
+ }
+ })
+ }, [entries, recentCount])
+
+ return (
+
- 아직 등록된 입장 정보가 없습니다.
-
- )
- )}
-
+ {words.length
+ ? words.map((word) => (
+
+ {word.label}
+
+ ))
+ : !isLoading && (
+
+ )
+}
diff --git a/src/components/landing/AboutSection.jsx b/src/components/landing/AboutSection.jsx
deleted file mode 100644
index 2fe97df..0000000
--- a/src/components/landing/AboutSection.jsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React, { useEffect } from 'react';
-import gsap from 'gsap';
-import ScrollTrigger from 'gsap/ScrollTrigger';
-
-gsap.registerPlugin(ScrollTrigger);
-
-export default function AboutSection() {
- useEffect(() => {
- const ctx = gsap.context(() => {
- // 섹션2 스크롤 애니메이션 타임라인 설정
- let tl = gsap.timeline({
- scrollTrigger: {
- trigger: '#section2', // 트리거 요소
- start: 'top top', // 시작 지점
- end: '+=200%', // 종료 지점 (200% 스크롤)
- scrub: true, // 스크롤에 따른 부드러운 애니메이션
- pin: true, // 섹션 고정
- },
- });
-
- // GDGOC 네온 텍스트 깜빡임 효과
- const neonLetters = document.querySelectorAll('#section2 .neon1');
-
- // 첫 번째 깜빡임 효과
- tl.to(
- neonLetters,
- {
- textShadow: '0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor',
- duration: 0.1,
- yoyo: true,
- repeat: 3,
- ease: 'steps(2)',
- stagger: {
- each: 0.05,
- from: 'random',
- },
- },
- 0
- );
-
- // 두 번째 깜빡임 효과
- tl.to(
- neonLetters,
- {
- textShadow: '0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor',
- duration: 0.15,
- yoyo: true,
- repeat: 2,
- ease: 'steps(1)',
- stagger: {
- each: 0.03,
- from: 'random',
- },
- },
- 0.5
- );
-
- // 텍스트 페이드인 애니메이션
- tl.fromTo('#section2-text1', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 0.2) // 첫 번째 텍스트
- .fromTo('#section2-text2', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 0.7) // 두 번째 텍스트
- .fromTo('#section2-text3', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 1.2) // 세 번째 텍스트
- .fromTo('#section2-text4', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 1.7); // 네 번째 텍스트
-
- // 컴포넌트 언마운트 시 정리
- return () => {
- ScrollTrigger.getAll().forEach((trigger) => trigger.kill()); // 모든 ScrollTrigger 제거
- };
- });
-
- return () => {
- ctx.revert();
- ScrollTrigger.getAll().forEach(st => st.kill());
- gsap.killTweensOf("*"); // 모든 애니메이션 정리
- };
- }, []);
-
- return (
-
+ 아직 등록된 입장 정보가 없습니다.
+
+ )}
+
-
- );
-}
\ No newline at end of file
diff --git a/src/components/landing/AboutSection.tsx b/src/components/landing/AboutSection.tsx
new file mode 100644
index 0000000..34bbb13
--- /dev/null
+++ b/src/components/landing/AboutSection.tsx
@@ -0,0 +1,113 @@
+import React, { useEffect } from 'react'
+import gsap from 'gsap'
+import ScrollTrigger from 'gsap/ScrollTrigger'
+
+gsap.registerPlugin(ScrollTrigger)
+
+export default function AboutSection() {
+ useEffect(() => {
+ const ctx = gsap.context(() => {
+ // 섹션2 스크롤 애니메이션 타임라인 설정
+ let tl = gsap.timeline({
+ scrollTrigger: {
+ trigger: '#section2', // 트리거 요소
+ start: 'top top', // 시작 지점
+ end: '+=200%', // 종료 지점 (200% 스크롤)
+ scrub: true, // 스크롤에 따른 부드러운 애니메이션
+ pin: true // 섹션 고정
+ }
+ })
+
+ // GDGOC 네온 텍스트 깜빡임 효과
+ const neonLetters = document.querySelectorAll('#section2 .neon1')
+
+ // 첫 번째 깜빡임 효과
+ tl.to(
+ neonLetters,
+ {
+ textShadow: '0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor',
+ duration: 0.1,
+ yoyo: true,
+ repeat: 3,
+ ease: 'steps(2)',
+ stagger: {
+ each: 0.05,
+ from: 'random'
+ }
+ },
+ 0
+ )
+
+ // 두 번째 깜빡임 효과
+ tl.to(
+ neonLetters,
+ {
+ textShadow: '0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor',
+ duration: 0.15,
+ yoyo: true,
+ repeat: 2,
+ ease: 'steps(1)',
+ stagger: {
+ each: 0.03,
+ from: 'random'
+ }
+ },
+ 0.5
+ )
+
+ // 텍스트 페이드인 애니메이션
+ tl.fromTo('#section2-text1', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 0.2) // 첫 번째 텍스트
+ .fromTo('#section2-text2', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 0.7) // 두 번째 텍스트
+ .fromTo('#section2-text3', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 1.2) // 세 번째 텍스트
+ .fromTo('#section2-text4', { opacity: 0, y: 20 }, { opacity: 1, y: 0 }, 1.7) // 네 번째 텍스트
+
+ // 컴포넌트 언마운트 시 정리
+ return () => {
+ ScrollTrigger.getAll().forEach((trigger) => trigger.kill()) // 모든 ScrollTrigger 제거
+ }
+ })
+
+ return () => {
+ ctx.revert()
+ ScrollTrigger.getAll().forEach((st) => st.kill())
+ gsap.killTweensOf('*') // 모든 애니메이션 정리
+ }
+ }, [])
+
+ return (
+
-
-
-
- G
- D
- G
- o
- C
- INHA
-
- , 어떤 곳인가요?
-
-
-
-
- 개발에 관심 있는 사람들이 모여{' '}
-
- 네트워킹 하고,
-
- 다양한 프로젝트에 참여하며
- 함께 성장하는 공간입니다.
-
- 비개발자부터 숙련된 개발자까지
- 누구나 함께할 수 있습니다.
-
- GDGoC라는 글로벌 IT 무대에서
- 끊임없이 기회를 찾고 성장해보세요!
-
+
+ )
+}
diff --git a/src/components/landing/ActivitiesSection.jsx b/src/components/landing/ActivitiesSection.jsx
deleted file mode 100644
index eb0684d..0000000
--- a/src/components/landing/ActivitiesSection.jsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import Image from 'next/image';
-import gsap from 'gsap';
-
-import seminar from '@public/images/activity/seminar.jpg';
-import snack from '@public/images/activity/snack.jpg';
-import party from '@public/images/activity/party.jpg';
-import conf from '@public/images/activity/conf.jpg';
-import googleconf from '@public/images/activity/googleconf.jpg';
-import christmas from '@public/images/activity/christmas.jpg';
-
-function ActivitiesSection() {
-
- const [hoveredCard, setHoveredCard] = useState(1);
-
- const handleMouseEnter = (cardIndex) => {
- setHoveredCard(cardIndex);
- };
-
- const handleMouseLeave = () => {
- setHoveredCard(null);
- };
-
- const cards = [
- {title: '연사자 초청', description: '실전활용도 높은 온/오프 강연', image: seminar},
- {title: '간식드리미', description: '정성 가득 시험기간 간식드리미', image: snack},
- {title: '네트워킹 행사', description: 'MT/한강/잔망 등 다같이 외부 나들이', image: party},
- {title: '내부 행사', description: '자체•연합 해커톤 주최 및 참여', image: conf},
- {title: '외부행사', description: 'Google 등 IT기업의 네트워킹/레퍼런스 참여', image: googleconf},
- {title: '크리스마스 파티', description: '연말 파티와 함께하는 네트워킹', image: christmas},
- ]
-
-
- useEffect(() => {
- gsap.fromTo(
- '#cards',
- {
- y: 90,
- opacity: 0,
- },
- {
- y: 0,
- opacity: 1,
- duration: 1,
- delay: 0.5,
- ease: 'power2.out',
- scrollTrigger: {
- trigger: '#section4',
- start: 'top center',
- toggleActions: 'play none none reverse',
- },
- }
- );
- }, []);
-
-
- return (
-
+
+
+
+ G
+ D
+ G
+ o
+ C
+ INHA
+
+ , 어떤 곳인가요?
+
+
+
+
+ 개발에 관심 있는 사람들이 모여{' '}
+
+ 네트워킹 하고,
+
+ 다양한 프로젝트에 참여하며
+ 함께 성장하는 공간입니다.
+
+ 비개발자부터 숙련된 개발자까지
+ 누구나 함께할 수 있습니다.
+
+ GDGoC라는 글로벌 IT 무대에서
+ 끊임없이 기회를 찾고 성장해보세요!
+
-
- );
-}
-
-export default ActivitiesSection;
\ No newline at end of file
diff --git a/src/components/landing/ActivitiesSection.tsx b/src/components/landing/ActivitiesSection.tsx
new file mode 100644
index 0000000..af0d9ce
--- /dev/null
+++ b/src/components/landing/ActivitiesSection.tsx
@@ -0,0 +1,99 @@
+import React, { useState, useEffect } from 'react'
+import Image from 'next/image'
+import gsap from 'gsap'
+
+import seminar from '@public/images/activity/seminar.jpg'
+import snack from '@public/images/activity/snack.jpg'
+import party from '@public/images/activity/party.jpg'
+import conf from '@public/images/activity/conf.jpg'
+import googleconf from '@public/images/activity/googleconf.jpg'
+import christmas from '@public/images/activity/christmas.jpg'
+
+function ActivitiesSection() {
+ const [hoveredCard, setHoveredCard] = useState(1)
+
+ const handleMouseEnter = (cardIndex) => {
+ setHoveredCard(cardIndex)
+ }
+
+ const handleMouseLeave = () => {
+ setHoveredCard(null)
+ }
+
+ const cards = [
+ { title: '연사자 초청', description: '실전활용도 높은 온/오프 강연', image: seminar },
+ { title: '간식드리미', description: '정성 가득 시험기간 간식드리미', image: snack },
+ { title: '네트워킹 행사', description: 'MT/한강/잔막 등 다같이 외부 나들이', image: party },
+ { title: '내부 행사', description: '자체•연합 해커톤 주최 및 참여', image: conf },
+ {
+ title: '외부 행사',
+ description: 'Google 등 IT기업의 네트워킹/레퍼런스 참여',
+ image: googleconf
+ },
+ { title: '크리스마스 파티', description: '연말 파티와 함께하는 네트워킹', image: christmas }
+ ]
+
+ useEffect(() => {
+ gsap.fromTo(
+ '#cards',
+ {
+ y: 90,
+ opacity: 0
+ },
+ {
+ y: 0,
+ opacity: 1,
+ duration: 1,
+ delay: 0.5,
+ ease: 'power2.out',
+ scrollTrigger: {
+ trigger: '#section4',
+ start: 'top center',
+ toggleActions: 'play none none reverse'
+ }
+ }
+ )
+ }, [])
+
+ return (
+
-
- ❓
- 합류하면 어떤 활동들을 할 수 있나요?
-
-
-
- {cards.map((card, index) => (
-
- handleMouseEnter(index)}
- onMouseLeave={handleMouseLeave}
- >
-
- ))}
-
-
-
-
-
-
- {card.title}
-{card.description}
-
+
+ )
+}
+
+export default ActivitiesSection
diff --git a/src/components/landing/CTASection.jsx b/src/components/landing/CTASection.jsx
deleted file mode 100644
index c760f38..0000000
--- a/src/components/landing/CTASection.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Button } from '@nextui-org/react';
-
-function CTASection({ router }) {
-
- return (
-
+
+ ❓
+ 합류하면 어떤 활동들을 할 수 있나요?
+
+
+
+ {cards.map((card, index) => (
+
+ handleMouseEnter(index)}
+ onMouseLeave={handleMouseLeave}
+ >
+
+ ))}
+
+
+
+
+
+
+ {card.title}
+{card.description}
+
-
- );
-}
-
-export default CTASection;
\ No newline at end of file
diff --git a/src/components/landing/CTASection.tsx b/src/components/landing/CTASection.tsx
new file mode 100644
index 0000000..7a937ab
--- /dev/null
+++ b/src/components/landing/CTASection.tsx
@@ -0,0 +1,40 @@
+import { Button } from '@nextui-org/react'
+
+function CTASection({ router }) {
+ return (
+
-
- G
- D
- G
- o
- C와 함께
-
-
- 변화하는 나를 만나보세요 -
- - 변화하는 나를 만나보세요 -
-
-
-
+
+ )
+}
+
+export default CTASection
diff --git a/src/components/landing/HeroSection.jsx b/src/components/landing/HeroSection.jsx
deleted file mode 100644
index e7fe18d..0000000
--- a/src/components/landing/HeroSection.jsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, { useRef, useEffect } from "react";
-import NextImage from "next/image";
-import { Button } from "@nextui-org/react";
-import gsap from 'gsap';
-
-import Header from "@/components/ui/common/Header";
-
-import bg from "@public/images/bgimg.png";
-
-export default function HeroSection({ router }) {
- const subTitleRef = useRef(null);
- const buttonRef = useRef(null);
-
- const animation = () => {
- TypeHangul.type("#typing-effect", {
- text: "개발자와 비개발자가 같이 성장하는 즐거움 with Google",
- speed: 27,
- intervalType: 20,
- humanize: 0.02,
- });
-
- const typingEffect = document.getElementById("typing-effect");
- typingEffect.addEventListener("th.endType", () => {
- gsap.fromTo(
- subTitleRef.current,
- { y: 50, opacity: 0 },
- { y: 0, opacity: 1, duration: 1, ease: "power1.inOut" }
- );
-
- gsap.fromTo(
- buttonRef.current,
- { y: 50, opacity: 0 },
- { y: 0, opacity: 1, duration: 1, delay: 0.4, ease: "power1.out",
- onComplete: () => {
- gsap.to(buttonRef.current, {
- y: "-=10",
- duration: 1.5,
- repeat: -1,
- yoyo: true,
- ease: "power1.inOut",
- });
- },
- }
- );
- });
- }
-
- useEffect(() => {
- if (typeof window !== "undefined" && window.TypeHangul) {
- animation();
- } else {
- setTimeout(animation, 100);
- }
- }, []);
-
- return (
-
+
+ G
+ D
+ G
+ o
+ C와 함께
+
+
+ 변화하는 나를 만나보세요 +
+ + 변화하는 나를 만나보세요 +
+
+
+ + 지원 후 일정이 궁금하시다면?{' '} + +
+
-
- );
-}
diff --git a/src/components/landing/HeroSection.tsx b/src/components/landing/HeroSection.tsx
new file mode 100644
index 0000000..217ebd2
--- /dev/null
+++ b/src/components/landing/HeroSection.tsx
@@ -0,0 +1,129 @@
+import React, { useRef, useEffect } from 'react'
+import NextImage from 'next/image'
+import { Button } from '@nextui-org/react'
+import gsap from 'gsap'
+
+import Header from '@/components/ui/common/Header'
+
+import bg from '@public/images/bgimg.png'
+
+export default function HeroSection({ router }) {
+ const subTitleRef = useRef(null)
+ const buttonRef = useRef(null)
+ const linkRef = useRef(null)
+
+ const animation = (typeHangul: any) => {
+ typeHangul.type('#typing-effect', {
+ text: '개발자와 비개발자가 같이 성장하는 즐거움 with Google',
+ speed: 27,
+ intervalType: 20,
+ humanize: 0.02
+ })
+
+ const typingEffect = document.getElementById('typing-effect')
+ typingEffect.addEventListener('th.endType', () => {
+ gsap.fromTo(
+ subTitleRef.current,
+ { y: 50, opacity: 0 },
+ { y: 0, opacity: 1, duration: 1, ease: 'power1.inOut' }
+ )
+
+ gsap.fromTo(
+ buttonRef.current,
+ { y: 50, opacity: 0 },
+ {
+ y: 0,
+ opacity: 1,
+ duration: 1,
+ delay: 0.4,
+ ease: 'power1.out',
+ onComplete: () => {
+ gsap.to(buttonRef.current, {
+ y: '-=10',
+ duration: 1.5,
+ repeat: -1,
+ yoyo: true,
+ ease: 'power1.inOut'
+ })
+ }
+ }
+ )
+
+ gsap.fromTo(
+ linkRef.current,
+ { y: 20, opacity: 0 },
+ { y: 0, opacity: 1, duration: 0.8, delay: 0.8, ease: 'power1.out' }
+ )
+ })
+ }
+
+ useEffect(() => {
+ let cancelled = false
+
+ const run = async () => {
+ const typeHangulModule = await import('type-hangul/src')
+ if (cancelled) return
+ const typeHangul = typeHangulModule.default
+ if (typeHangul?.type) {
+ animation(typeHangul)
+ }
+ }
+
+ void run()
+
+ return () => {
+ cancelled = true
+ }
+ }, [])
+
+ return (
+
-
-
-
-
-
-
- G
- D
- G
- o
- C
-
- INHA
-
-
- - 2025-2 Recruitment -
-
+
+ )
+}
diff --git a/src/components/landing/PartnersSection.jsx b/src/components/landing/PartnersSection.tsx
similarity index 86%
rename from src/components/landing/PartnersSection.jsx
rename to src/components/landing/PartnersSection.tsx
index d2c9cad..7e3a60d 100644
--- a/src/components/landing/PartnersSection.jsx
+++ b/src/components/landing/PartnersSection.tsx
@@ -47,12 +47,12 @@ function PartnersSection() {
+
+
+
+
+
+
+ G
+ D
+ G
+ o
+ C
+
+ INHA
+
+
+ + 2026-1 Recruitment +
++ 지원 후 일정이 궁금하시다면?{' '} + +
+
-
- G
- D
- G
- o
- C
+
+ G
+ D
+ G
+ o
+ C
INHA
와 함께하는 단체
@@ -76,4 +76,4 @@ function PartnersSection() {
);
}
-export default PartnersSection;
\ No newline at end of file
+export default PartnersSection;
diff --git a/src/components/landing/StatsSection.jsx b/src/components/landing/StatsSection.tsx
similarity index 79%
rename from src/components/landing/StatsSection.jsx
rename to src/components/landing/StatsSection.tsx
index b6384a9..31dcc4d 100644
--- a/src/components/landing/StatsSection.jsx
+++ b/src/components/landing/StatsSection.tsx
@@ -5,14 +5,14 @@ import gsap from 'gsap';
function StatsSection() {
const stats = [
- { title: '전세계' , number: 1863, unit: '+', color: 'red' },
- { title: '참여국가' , number: 111, unit: '개국', color: 'green' },
+ { title: '전 세계' , number: 1863, unit: '+', color: 'red' },
+ { title: '참여 국가' , number: 111, unit: '개국', color: 'green' },
{ title: '국내' , number: 36, unit: '대학', color: 'yellow' },
{ title: '현재 멤버' , number: 102, unit: '명', color: 'blue' },
];
useEffect(() => {
- const numberElements = gsap.utils.toArray('.number-animation');
+ const numberElements = gsap.utils.toArray('.number-animation');
numberElements.forEach((element, index) => {
gsap.set(element, { textContent: '0' });
@@ -34,7 +34,7 @@ function StatsSection() {
{stats.map((stat, index) => (
-
-
-
-
-
-
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/main/FAQ.jsx b/src/components/main/FAQ.jsx
deleted file mode 100644
index a021d1c..0000000
--- a/src/components/main/FAQ.jsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import React from 'react';
-import { Accordion, AccordionItem } from "@nextui-org/react";
-
-export default function FAQ() {
- const faqItems = [
- {
- key: "1",
- color: "#EA4335",
- question: "GDGoC는 어떤 동아리인가요?",
- answer: `2010년대부터 Google은 자사의 개발 언어와 기술들을 좋아하는 개발자, 비개발자들을 연결하여 커뮤니티를 만들고 커뮤니티 구성원들을 기반으로 더 많은 사람들이 연결되어 구글의 기술 생태계에 참여할 수 있길 바라왔습니다. 그렇게 한국을 포함한 전 세계 구글 본사에 구글 개발자 생태계 팀이 창설되었습니다. \n\n이후 Amazon, Microsoft, Apple 등의 빅테크 기업들도 줄지어 커뮤니티 생태계 구축에 힘쓰기 시작했습니다. 선두주자였던 Google 커뮤니티들은 현재까지도 전 세계에서 가장 큰 커뮤니티를 형성하고 활발하게 사람들을 연결하고 있습니다. \n 이후 on Campus 라는 이름으로, 대학교에서의 개발자 커뮤니티도 창설하였고, 이것이 지금의 GDGoC 입니다.`
- },
- {
- key: "2",
- color: "#34A853",
- question: "프로그래밍 기초 지식이 전혀 없는 상태인데 어떤 활동에 참여할 수 있나요?",
- answer: 'GDGoC INHA는 개발자와 비개발자가 함께 할 수 있는 커뮤니티를 목표로 두고 있습니다. 이에, 프로그래밍 기초 지식을 쌓을 수 있는 다양한 스터디 및 세미나에 참석할 수 있고, 초보를 위한 해커톤 또한 매년 개최중입니다. \n\n 이외에도 타 챕터와의 연합 체육대회, 친목 캠프 등 다양한 행사에 참여할 수 있습니다. 홈페이지의 행사 탭을 클릭하시면 보다 더 자세한 내용을 확인할 수 있습니다.'
- },
- {
- key: "3",
- color: "#4285F4",
- question: "정기 활동이 있나요?",
- answer: 'GDGoC INHA는 각 행사를 제외하고도 정기 총회를 진행하고 있습니다. 많은 멤버 수 만큼, 반드시 필참인 정기 활동은 없으며, 매달 마지막주에 정기총회를 열어, 진행상황 보고, 앞으로의 행사들 홍보, 이외 친목 시간등으로 구성된 행사를 진행합니다.'
- },
- {
- key: "4",
- color: "#F9AB00",
- question: "동방은 어디에 있나요?",
- answer: '인하대학교 5호관 동쪽 021호에 있습니다. 누구나 언제나 놀러와서 쉬다가셔도 됩니다!'
- }
- ];
-
- return (
- <>
-
- {faqItems.map((item) => (
- Q}
- title={item.question}
- >
-
- ))}
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/main/MainCarousel.jsx b/src/components/main/MainCarousel.jsx
deleted file mode 100644
index 52027fa..0000000
--- a/src/components/main/MainCarousel.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useEffect, useRef } from 'react';
-import Image from 'next/image';
-import Link from 'next/link';
-import { Splide } from '@splidejs/splide';
-import '@splidejs/splide/css';
-
-export default function MainCarousel({ slides }) {
- const splideRef = useRef(null);
-
- useEffect(() => {
- if (splideRef.current) {
- const mainSplide = new Splide(splideRef.current, {
- type: 'loop',
- perPage: 1,
- autoplay: true,
- interval: 5000, // 5초
- pauseOnHover: false,
- arrows: false,
- pagination: true,
- });
-
- mainSplide.mount();
-
- return () => {
- mainSplide.destroy();
- };
- }
- }, []);
-
- return (
- { if (!o) onClose?.(); }} size="5xl" backdrop="blur" className="bg-[#1b1b1b] text-white">
-
- {() => (
-
-
- );
-}
-
-
-
-
diff --git a/src/components/recruit/screen/Recruit1.jsx b/src/components/recruit/screen/Recruit1.jsx
deleted file mode 100644
index 0d82fc1..0000000
--- a/src/components/recruit/screen/Recruit1.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { Checkbox } from "@nextui-org/react"
-
-export default function Recruit1({ step, setChecked, updateRecruitData }) {
- const [isAgree, setIsAgree] = useState(false);
-
- useEffect(() => {
- if (step === 1) {
- setChecked(isAgree);
- }
- }, [isAgree, step, setChecked, updateRecruitData]);
-
- return (
-
{stat.title}
+{stat.title}
{stat.number}
{stat.unit}
@@ -45,4 +45,4 @@ function StatsSection() { ); } -export default StatsSection; \ No newline at end of file +export default StatsSection; diff --git a/src/components/landing/StudySection.jsx b/src/components/landing/StudySection.jsx deleted file mode 100644 index 4e9f314..0000000 --- a/src/components/landing/StudySection.jsx +++ /dev/null @@ -1,94 +0,0 @@ -import React, { useEffect } from 'react'; -import Image from 'next/image'; -import gsap from 'gsap'; - -import { Splide, SplideSlide } from '@splidejs/splide'; -import { AutoScroll } from '@splidejs/splide-extension-auto-scroll'; -import '@splidejs/splide/css'; - -import study1 from '@public/images/study/study1.jpg'; -import study2 from '@public/images/study/study2.jpg'; -import study3 from '@public/images/study/study3.jpg'; -import study4 from '@public/images/study/study4.jpg'; -import study5 from '@public/images/study/study5.jpg'; - -function StudySection() { - - const study = [ - {title: '백엔드 스터디', image: study1}, - {title: '인공지능 스터디', image: study2}, - {title: '파이썬 기초 스터디', image: study3}, - {title: '파이썬 데이터 분석 스터디', image: study4}, - {title: 'UX/UI 스터디', image: study5}, - ] - - useEffect(() => { - const splide = new Splide('#card-carousel', { - type: 'loop', - drag: 'free', - focus: 'center', - perPage: 4, - gap: '2rem', - breakpoints: { - 1024: { - perPage: 3, - gap: '1.5rem', - }, - 768: { - perPage: 2, - gap: '1rem', - }, - 480: { - perPage: 1, - gap: '0.5rem', - }, - }, - autoScroll: { - speed: 1.5, - }, - arrows: false, - pagination: false, - }); - - splide.mount({ AutoScroll }); - - return () => { - splide.destroy(); - }; - }, []); - - return ( -
-
- );
-}
-
-export default StudySection;
\ No newline at end of file
diff --git a/src/components/main/CardCarousel.jsx b/src/components/main/CardCarousel.jsx
deleted file mode 100644
index 32dc63c..0000000
--- a/src/components/main/CardCarousel.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { Splide } from '@splidejs/splide';
-
-import '@splidejs/splide/css';
-
-export default function CardCarousel({ id, title, children }) {
- const splideRef = useRef(null);
-
- useEffect(() => {
- if (splideRef.current) {
- const cardSplide = new Splide(splideRef.current, {
- type: 'slide',
- perPage: 3,
- gap: '3rem',
- arrows: true,
- pagination: false,
- drag: true,
- snap: true,
- breakpoints: {
- 1024: {
- perPage: 3,
- gap: '1.5rem',
- },
- 768: {
- perPage: 1,
- gap: '1rem',
- }
- },
- });
-
- cardSplide.mount();
-
- return () => {
- cardSplide.destroy();
- };
- }
- }, []);
-
- return (
- <>
- 이런 공부, 같이 해보실래요?
-
-
-
-
-
- {study.map((item, index) => (
-
-
-
- ))}
-
-
-
-
- - {item.title} -
-{title}
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/main/EventCard.jsx b/src/components/main/EventCard.jsx
deleted file mode 100644
index 0a8b9a1..0000000
--- a/src/components/main/EventCard.jsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import Image from 'next/image';
-import {Button, Card, CardBody, CardFooter, CardHeader} from "@nextui-org/react";
-
-export default function EventCard({ logo, title, statusLabel, statusColor, eventType, eventTypeColor, description, details, isHidden }) {
- return (
- <>
-
-
-
- {children}
-
-
-
-
- {statusLabel}
-
-
- {eventType}
-
- - {description} -
-
-
-
-
- 목적
-{details.purpose}
-
-
- 일정
-{details.schedule}
-
-
- 대상
- ') }} /> -자주 묻는 질문
-{item.answer.split('\n\n').map((paragraph, i) => (
-
-
- )}
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/notice/NoticeCard.jsx b/src/components/notice/NoticeCard.jsx
deleted file mode 100644
index 9184e77..0000000
--- a/src/components/notice/NoticeCard.jsx
+++ /dev/null
@@ -1,37 +0,0 @@
-'use client';
-
-import Image from 'next/image';
-
-export default function NoticeCard({ item, onClick }) {
- const statusDot = item.status === 'ongoing' ? 'bg-green-500' : 'bg-red-500';
-
- return (
-
- );
-}
-
-
diff --git a/src/components/notice/NoticeModal.jsx b/src/components/notice/NoticeModal.jsx
deleted file mode 100644
index cb8f7a1..0000000
--- a/src/components/notice/NoticeModal.jsx
+++ /dev/null
@@ -1,76 +0,0 @@
-'use client';
-
-import Image from 'next/image';
-import ReactMarkdown from 'react-markdown';
-import remarkGfm from 'remark-gfm';
-import remarkBreaks from 'remark-breaks';
-import { Modal, ModalContent, ModalHeader, ModalBody } from '@nextui-org/react';
-
-export default function NoticeModal({ item, onClose }) {
- const isOpen = !!item;
-
- return (
-
-
-
- {slides.map((slide, index) => (
-
-
-
- ))}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {slide.tag1}
-
-
- {slide.tag2}
-
- {slide.title}
-{slide.description}
- 더 알아보기 -
-
-
-
- {/* 이미지: 세로 최대 높이 제한 */}
-
-
-
- )}
- {item?.title}
-
-
-
- {/* 상세 설명 | 소개글 */}
-
- {item?.image &&
-
- {/* 좌: 상세 설명(요약 카드 + 정보) */}
-
-
-
- {/* 우: 소개글(줄글 Markdown) */}
-
- 상세 설명
-
-
- {item?.summary}
-
-
- 기간{item?.details?.period || '-'}
- 모집{item?.details?.recruitment || '-'}
- 일정{item?.details?.schedule || '-'}
- 장소{item?.details?.location || '-'}
-
-
-
- );
-}
diff --git a/src/components/recruit/screen/Recruit10.jsx b/src/components/recruit/screen/Recruit10.jsx
deleted file mode 100644
index f40be7c..0000000
--- a/src/components/recruit/screen/Recruit10.jsx
+++ /dev/null
@@ -1,74 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { Textarea } from '@nextui-org/react';
-
-import SingleSelectBox from '@/components/ui/input/select/SingleSelectBox';
-
-export default function Recruit10({ step, setChecked, updateRecruitData }) {
- const gdgFeedbackOptions = ['저는 신입 멤버입니다', '피드백 사항이 없습니다', 'GDGoC에 원하는 사항이 있습니다'];
- const [gdgFeedback, setGdgFeedback] = useState('');
- const [etcGdgFeedback, setEtcGdgFeedback] = useState(''); //기타 입력 상태
-
- useEffect(() => {
- const isFeedbackFilled = gdgFeedback.trim() !== '';
- const isEtcFeedbackFilled = gdgFeedback !== 'GDGoC에 원하는 사항이 있습니다' || etcGdgFeedback.trim() !== '';
-
- if (step === 10) {
- setChecked(isFeedbackFilled && isEtcFeedbackFilled);
- const formData = {
- gdgFeedback: gdgFeedback === 'GDGoC에 원하는 사항이 있습니다' ? etcGdgFeedback : gdgFeedback,
- };
-
- updateRecruitData(10, formData);
- }
- }, [gdgFeedback, etcGdgFeedback, step, setChecked, updateRecruitData]);
-
- return (
- - 아래와 같이 개인정보를 처리하고 제3자에게 제공하는데 동의하십니까? -
-
-
-
-
-
-
-
-
- GDG on Campus INHA 개인정보 수집·이용, 제3자 제공 동의서
--
- Google Developer Groups Campus INHA(이하, “이 동아리”라 한다)는 이 동아리의 운영을 위하여 대한민국 「개인정보
- 보호법(법률 제19234호)」에 따라 아래와 같이 개인정보를
수집·이용 및 제3자 제공하고자 합니다. 내용을 자세히
- 읽은 후 동의 여부를 결정하여 주십시오.
-
-
✅ 개인정보 수집·이용 및 제3자 제공 항목
-- 인하대학교 등록 및 졸업·수료·휴학 여부, 성명, 소속 대학(원) 및 전공, 학년, 학번, 전화번호, 이메일, 성별, - 출생일, 국적, 기타 이 동아리 지원서에 지원자가 제공한 정보 -
--
✅ 개인정보 수집·이용 및 제3자 제공 목적
-1. 이 동아리의 운영 및 관리
-2. 이 동아리가 참여하는 행사 및 프로그램 운영 및 관리
--
✅ 개인정보 제공받는 자 (제3자)
-구글코리아(유), 정석인하학원(학), 인하대학교 동아리연합회
--
✅ 개인정보 보유·이용 및 제3자 제공 기간
-- 지원서 제출일로부터 1년까지 귀하의 개인정보를 보유 및 이용 그리고 제3자 제공하며, 이후 개인정보는 폐기 - 처리됩니다. -
--
✅ 동의 거부 권리 및 불이익
-- 귀하께서는 이 안내에 따른 개인정보 수집·이용, 제3자 제공에 대하여 동의를 거부하실 권리가 있습니다. 다만, - 귀하께서 개인정보 수집·이용, 제3자 제공에 동의하지 않는 경우 이 동아리 지원에 있어 불이익이 발생할 수 있음을 - 알려드립니다. -
-
-
- 모두 동의합니다
-
-
-
-
- );
-}
diff --git a/src/components/recruit/screen/Recruit11.jsx b/src/components/recruit/screen/Recruit11.jsx
deleted file mode 100644
index e5fa113..0000000
--- a/src/components/recruit/screen/Recruit11.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { Checkbox } from "@nextui-org/react"
-
-export default function Recruit11({ step, setChecked, updateRecruitData }) {
- const [isPayed, setIsPayed] = useState(false);
-
- useEffect(() => {
- if (step === 11) {
- setChecked(isPayed);
- const formData = {
- isPayed,
- };
- updateRecruitData(11, formData);
- }
- }, [isPayed, step, setChecked, updateRecruitData]);
-
- return (
-
-
- (기존 멤버) 피드백
-
-
- -
-
- - • 기존 멤버로 활동하시면서 - - 건의 및 문의사항 / 아쉬웠던 점 / 바라는 점 / 기억에 남는 재미있었던 활동 / 새로 개설했으면 하는 행사 - - 등을 자유롭게 작성해주세요. - -
-
- );
-}
\ No newline at end of file
diff --git a/src/components/recruit/screen/Recruit2.jsx b/src/components/recruit/screen/Recruit2.jsx
deleted file mode 100644
index e345c06..0000000
--- a/src/components/recruit/screen/Recruit2.jsx
+++ /dev/null
@@ -1,165 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { Input, Checkbox, Button } from '@nextui-org/react';
-import axios from 'axios';
-
-export default function Recruit2({ step, setChecked, updateRecruitData }) {
- const [name, setName] = useState('');
- const [studentId, setStudentId] = useState('');
- const [enrolledClassification, setEnrolledClassification] = useState('');
- const [isValidStudentId, setIsValidStudentId] = useState(false);
- const [isValidButtonClicked, setIsValidButtonClicked] = useState(false);
-
- useEffect(() => {
- const isNameFilled = name.trim() !== '';
- const isStudentIdFilled = studentId.trim() !== '';
- const isEnrolledClassificationFilled = enrolledClassification !== '';
-
- if (step === 2) {
- setChecked(
- isNameFilled && isStudentIdFilled && isEnrolledClassificationFilled && isValidButtonClicked && isValidStudentId
- );
- const formData = {
- name,
- studentId,
- enrolledClassification,
- };
- updateRecruitData(2, formData);
- }
- }, [
- name,
- studentId,
- enrolledClassification,
- step,
- setChecked,
- updateRecruitData,
- isValidButtonClicked,
- isValidStudentId,
- ]);
-
- const handleCheckDuplicate = async () => {
-
- try {
- const response = await axios.get(`${process.env.NEXT_PUBLIC_BASE_API_URL}/check/student-id`, {
- params: { studentId },
- });
- setIsValidButtonClicked(true);
- setIsValidStudentId(!response.data.data.isExists);
- } catch (error) {
- setIsValidButtonClicked(true);
- console.log('중복확인 오류 발생:', error);
- setIsValidStudentId(false);
- }
- };
-
- return (
-
-
- 회비 안내
-
-
-
- 회비 납부 확인 후, GDG on Campus 멤버로서 모든 활동들에 대한 참가 권한을 얻게 됩니다.
-
-
- 프로젝트와 스터디 등 일부 활동은 운영 소요에 따라 추가금이 산정될 수 있습니다.
-
- 모든 회비는 커뮤니티 운영비로 투명하게 사용, 처리됩니다.
-
-
- -
-
- • 👛 입금 계좌 -
- - : 토스뱅크 1001-9049-2082 | 예금주명 - GDGoC INHA - - -
- • 💵 25-2 회비 -
- - : 20,000 원 - - -
- • 📌 주의사항 -
- - : 회비 납부 과정에서 입금자명을 반드시 - [2자리 학번+이름] 으로 변경해주세요! - -
- → ex) 24김인하 -
- 문의사항: 박우찬 | 010-2087-1816
-
-
-
- 회비 납부를 모두 완료했습니다
-
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/recruit/screen/Recruit3.jsx b/src/components/recruit/screen/Recruit3.jsx
deleted file mode 100644
index 71acdb5..0000000
--- a/src/components/recruit/screen/Recruit3.jsx
+++ /dev/null
@@ -1,225 +0,0 @@
-"use client";
-
-import { useState, useEffect, useRef } from 'react';
-import { Input, Checkbox, Select, SelectItem, Button } from '@nextui-org/react';
-import axios from 'axios';
-
-export default function Recruit3({ step, setChecked, updateRecruitData }) {
- const [grade, setGrade] = useState('');
-
- const [nationality, setNationality] = useState('');
- const [etcNationality, setEtcNationality] = useState('');
- const nationalityInputRef = useRef(null);
-
- const [phoneNumber, setPhoneNumber] = useState('');
- const [isValidPhoneNumber, setIsValidPhoneNumber] = useState(false);
- const [isValidButtonClicked, setIsValidButtonClicked] = useState(false);
-
- const [isSelectBoxOpen, setIsSelectBoxOpen] = useState(false);
-
- useEffect(() => {
- const isGradeFilled = grade.trim() !== '';
- const isPhoneNumberFilled = phoneNumber.trim() !== '';
- const isNationalityFilled = nationality === '기타' ? etcNationality.trim() !== '' : nationality !== '';
- if (step === 3) {
- setChecked(
- isGradeFilled && isPhoneNumberFilled && isNationalityFilled && isValidPhoneNumber && isValidButtonClicked
- );
- const formData = {
- grade,
- phoneNumber,
- nationality: nationality === '기타' ? etcNationality : nationality,
- };
- updateRecruitData(3, formData);
- }
- }, [
- grade,
- nationality,
- etcNationality,
- phoneNumber,
- step,
- setChecked,
- updateRecruitData,
- isValidPhoneNumber,
- isValidButtonClicked,
- ]);
-
- useEffect(() => {
- if (nationality === '기타' && nationalityInputRef.current) {
- nationalityInputRef.current.focus();
- }
- }, [nationality]);
-
- const handleSelectBoxOpen = (open) => {
- setTimeout(() => {
- setIsSelectBoxOpen(open);
- }, 80);
- };
-
- const handleCheckDuplicate = async () => {
- try {
- const response = await axios.get(`${process.env.NEXT_PUBLIC_BASE_API_URL}/check/phone-number`, {
- params: { phoneNumber },
- });
- setIsValidButtonClicked(true);
- setIsValidPhoneNumber(!response.data.data.isExists);
- } catch (error) {
- setIsValidButtonClicked(true);
- console.log('중복확인 오류 발생:', error);
- setIsValidPhoneNumber(false);
- }
- };
-
- return (
-
-
- 필수 개인정보를 적어주세요
- -
- {
- const numValue = value.replace(/\D/g, '');
- if (numValue.length <= 8) {
- setStudentId(numValue);
- if (isValidButtonClicked) {
- setIsValidButtonClicked(false);
- }
- }
- }}
- variant='bordered'
- autoComplete='off'
- labelPlacement='outside'
- placeholder='8자리 학번을 입력해주세요'
- inputMode='numeric'
- disableAutoFocus
- className='w-60'
- classNames={{
- mainWrapper: 'w-60 h-[57px]',
- label: '!text-white text-xl pb-[18px] mobile:text-lg',
- inputWrapper: `h-[57px] border-[1.5px] rounded-md text-white text-xl mobile:text-lg
- ${
- isValidButtonClicked
- ? isValidStudentId
- ? '!border-[#33A652] group-data-[focus=true]:!border-[#33A652] group-data-[hover=true]:!border-[#33A652]'
- : '!border-[#EA4336] group-data-[focus=true]:!border-[#EA4336] group-data-[hover=true]:!border-[#EA4336]'
- : '!border-[#bbbbbb30] group-data-[focus=true]:!border-[#bbbbbb30] group-data-[hover=true]:!border-[#bbbbbb30]'
- }
- `,
- input: `text-lg mobile:text-base
- ${
- isValidButtonClicked
- ? isValidStudentId
- ? '!text-[#33A652] group-data-[focus=true]:!text-[#33A652] group-data-[hover=true]:!text-[#33A652]'
- : '!text-[#EA4336] group-data-[focus=true]:!text-[#EA4336] group-data-[hover=true]:!text-[#EA4336]'
- : ''
- }
- `,
- errorMessage: 'hidden',
- }}
- />
-
-
- {isValidButtonClicked && (
- - {isValidStudentId ? '사용이 가능한 학번입니다.' : '이미 등록되었거나 형식에 맞지 않는 학번입니다.'} -
- )} - -재학 구분
-
- {['정등록', '부분등록', '휴학', '수료', '졸업'].map((label) => (
- setEnrolledClassification(label)}
- radius='none'
- classNames={{
- wrapper: 'hidden',
- label: `text-white text-xl w-[150px] h-[57px] flex justify-center items-center rounded-md mobile:text-base mobile:w-[27vw] mobile:h-[49px]
- ${enrolledClassification === label ? 'bg-[#471915] border-[1.5px] border-[#ea4335]' : 'bg-[#181818]'}`,
- }}
- >
- {label}
-
- ))}
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/recruit/screen/Recruit4.jsx b/src/components/recruit/screen/Recruit4.jsx
deleted file mode 100644
index 82b48fa..0000000
--- a/src/components/recruit/screen/Recruit4.jsx
+++ /dev/null
@@ -1,159 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { Input, Checkbox, Select, SelectItem } from '@nextui-org/react';
-
-import { domainOptions } from '@/constant/domainOptions';
-
-export default function Recruit4({ step, setChecked, updateRecruitData }) {
- const [emailId, setEmailId] = useState('');
- const [emailDomain, setEmailDomain] = useState('');
- const [etcEmailDomain, setEtcEmailDomain] = useState('');
- const [gender, setGender] = useState('');
- const [birth, setBirth] = useState('');
- const [isSelectBoxOpen, setIsSelectBoxOpen] = useState(false);
-
- useEffect(() => {
- const isEmailFilled = emailId.trim() !== '';
- const isDomainFilled = emailDomain !== '' && (emailDomain !== 'custom' || etcEmailDomain.trim() !== '');
- const isGenderFilled = gender !== '';
- const isBirthFilled = birth.trim() !== '';
-
- if (step === 4) {
- setChecked(isEmailFilled && isDomainFilled && isGenderFilled && isBirthFilled);
- const formData = {
- email: emailId + '@' + (emailDomain === 'custom' ? etcEmailDomain : emailDomain),
- gender,
- birth,
- };
- updateRecruitData(4, formData);
- }
- }, [emailId, emailDomain, etcEmailDomain, gender, birth, step, setChecked, updateRecruitData]);
-
- const handleSelectBoxOpen = (open) => {
- setTimeout(() => {
- setIsSelectBoxOpen(open);
- }, 80);
- };
-
- return (
-
-
- 필수 개인정보를 적어주세요
- -
- {
- const value = e.target.value.replace(/[^0-9]/g, '');
- if (value.length <= 11) {
- let formattedNumber = '';
- if (value.length > 3) {
- formattedNumber += value.slice(0, 3) + '-';
- if (value.length > 7) {
- formattedNumber += value.slice(3, 7) + '-' + value.slice(7);
- } else {
- formattedNumber += value.slice(3);
- }
- } else {
- formattedNumber = value;
- }
- setPhoneNumber(formattedNumber);
- if (isValidButtonClicked) {
- setIsValidButtonClicked(false);
- }
- }
- }}
- placeholder='010-0000-0000'
- inputMode='numeric'
- variant='bordered'
- labelPlacement='outside'
- className='!mt-[68px] w-60'
- disableAutoFocus
- classNames={{
- mainWrapper: 'w-60 h-[57px]',
- label: '!text-white text-xl pb-[12px] mobile:text-lg',
- inputWrapper: `h-[57px] border-[1.5px] rounded-md text-white text-xl mobile:text-lg
- ${
- isValidButtonClicked
- ? isValidPhoneNumber
- ? '!border-[#33A652] group-data-[focus=true]:!border-[#33A652] group-data-[hover=true]:!border-[#33A652]'
- : '!border-[#EA4336] group-data-[focus=true]:!border-[#EA4336] group-data-[hover=true]:!border-[#EA4336]'
- : '!border-[#bbbbbb30] group-data-[focus=true]:!border-[#bbbbbb30] group-data-[hover=true]:!border-[#bbbbbb30]'
- }`,
- input: `text-lg mobile:text-base
- ${
- isValidButtonClicked
- ? isValidPhoneNumber
- ? '!text-[#33A652] group-data-[focus=true]:!text-[#33A652] group-data-[hover=true]:!text-[#33A652]'
- : '!text-[#EA4336] group-data-[focus=true]:!text-[#EA4336] group-data-[hover=true]:!text-[#EA4336]'
- : ''
- }`,
- }}
- />
-
-
- {isValidButtonClicked && (
- - {isValidPhoneNumber - ? '사용이 가능한 전화번호입니다.' - : '이미 등록되었거나 형식에 맞지 않는 전화번호입니다.'} -
- )} - -국적
-
- {['대한민국', '기타'].map((label) => (
- setNationality(label)}
- radius='none'
- classNames={{
- wrapper: 'hidden',
- label: `text-white text-lg w-[150px] h-[57px] flex justify-center items-center rounded-md mobile:text-base mobile:w-[27vw] mobile:h-[49px]
- ${nationality === label ? 'bg-[#471915] border-[1.5px] border-[#ea4335]' : 'bg-[#181818]'}`,
- }}
- >
- {label}
-
- ))}
-
-
- {nationality === '기타' && (
-
- )}
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/recruit/screen/Recruit5.jsx b/src/components/recruit/screen/Recruit5.jsx
deleted file mode 100644
index 2f09737..0000000
--- a/src/components/recruit/screen/Recruit5.jsx
+++ /dev/null
@@ -1,104 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { Autocomplete, AutocompleteItem, AutocompleteSection, Input } from '@nextui-org/react';
-
-import { majorOptions } from '@/constant/majorOptions';
-
-export default function Recruit5({ step, setChecked, updateRecruitData }) {
- const [major, setMajor] = useState('');
- const [doubleMajor, setDoubleMajor] = useState('');
-
- useEffect(() => {
- const isMajorFilled = major ? major.trim().length : false;
- if (step === 5) {
- setChecked(isMajorFilled);
- const formData = {
- major,
- doubleMajor,
- };
- updateRecruitData(5, formData);
- }
- }, [major, doubleMajor, step, setChecked, updateRecruitData]);
-
- const handlePreventEnter = (event) => {
- if (event.key === 'Enter') {
- event.preventDefault();
- }
- };
-
- return (
-
-
- 필수 개인정보를 적어주세요
- -
-
- @
- {emailDomain === 'custom' ? (
- {
- setEtcEmailDomain('');
- setEmailDomain('');
- }}
- >
- ×
-
- }
- />
- ) : (
-
- )}
-
-
- 성별
-
- {['남자', '여자'].map((label) => (
- setGender(label)}
- radius='none'
- classNames={{
- wrapper: 'hidden',
- label: `text-white text-lg w-[150px] h-[57px] flex justify-center items-center rounded-md mobile:text-base mobile:w-[27vw] mobile:h-[49px]
- ${gender === label ? 'bg-[#471915] border-[1.5px] border-[#ea4335]' : 'bg-[#181818]'}`,
- }}
- >
- {label}
-
- ))}
-
-
- setBirth(e.target.value)}
- variant='bordered'
- labelPlacement='outside'
- placeholder='생년월일을 선택해주세요'
- className='!mt-[60px]'
- disableAutoFocus
- classNames={{
- mainWrapper: 'w-60 h-[57px]',
- label: '!text-white text-xl pb-[18px] mobile:text-lg',
- inputWrapper: `h-[57px] border-[#bbbbbb30] border-[1.5px] rounded-md text-white text-xl mobile:text-lg
- group-data-[focus=true]:border-[#bbbbbb30]`,
- input: '!text-black invert text-lg mobile:text-base',
- }}
- />
-
-
- {majorOptions.map((major) => (
-
- {major.items.map((item) => (
-
- {item.value}
-
- ))}
-
- ))}
-
-
- );
-}
diff --git a/src/components/recruit/screen/Recruit6.jsx b/src/components/recruit/screen/Recruit6.jsx
deleted file mode 100644
index d1dccb1..0000000
--- a/src/components/recruit/screen/Recruit6.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { Textarea } from '@nextui-org/react';
-
-export default function Recruit6({ step, setChecked, updateRecruitData }) {
- const [gdgUserMotive, setGdgUserMotive] = useState('');
-
- useEffect(() => {
- if (step === 6) {
- setChecked(gdgUserMotive.trim() !== '');
- const formData = {
- gdgUserMotive,
- };
-
- updateRecruitData(6, formData);
- }
- }, [gdgUserMotive, step, setChecked, updateRecruitData]);
-
- return (
- 필수 개인정보를 적어주세요
-
-
- 다중전공 (선택)
-
- • 현재 진행 중인 다중 전공(복수전공, 부전공, 융합전공, 연계전공)을 순서에 맞게 띄어쓰기 없이 정확한 이름으로
- 입력해주세요.
-
ex) XXX 학과 복수전공, 000학과 융합전공
-
-
- );
-}
\ No newline at end of file
diff --git a/src/components/recruit/screen/Recruit7.jsx b/src/components/recruit/screen/Recruit7.jsx
deleted file mode 100644
index 8a1113d..0000000
--- a/src/components/recruit/screen/Recruit7.jsx
+++ /dev/null
@@ -1,56 +0,0 @@
-"use client";
-
-import { useState, useEffect } from 'react';
-import { Textarea } from '@nextui-org/react';
-
-export default function Recruit7({ step, setChecked, updateRecruitData }) {
- const [gdgUserStory, setGdgUserStory] = useState('');
-
- useEffect(() => {
- if (step === 7) {
- setChecked(true);
- const formData = {
- gdgUserStory,
- };
-
- updateRecruitData(7, formData);
- }
- }, [gdgUserStory, step, setChecked, updateRecruitData]);
-
- return (
-
-
- 지원 동기
-
-
-
- -
-
- • GDG on Campus INHA 멤버 가입을 지원하게 된 동기가 어떻게 되시나요? -
- • 많은 동아리들 중, 'GDG on Campus INHA' 를 선택하신 계기가 궁금합니다. -
- • 글자 수 제한은 없습니다. 편하게 작성 부탁드립니다. -
-
- );
-}
\ No newline at end of file
diff --git a/src/components/recruit/screen/Recruit8.jsx b/src/components/recruit/screen/Recruit8.jsx
deleted file mode 100644
index 2bb6778..0000000
--- a/src/components/recruit/screen/Recruit8.jsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-import { Input } from '@nextui-org/react';
-
-import MultipleSelectBox from '@/components/ui/input/select/MultipleSelectBox';
-import SingleSelectBox from '@/components/ui/input/select/SingleSelectBox';
-
-import { interestOptions } from '@/constant/interestOptions';
-import { reachFromOptions } from "@/constant/reachFromOptions";
-import { semesterOptions } from '@/constant/semesterOptions';
-
-export default function Recruit8({ step, setChecked, updateRecruitData }) {
- const [gdgInterest, setGdgInterest] = useState([]);
- const [gdgPeriod, setGdgPeriod] = useState([]);
- const [gdgRoute, setGdgRoute] = useState('');
- const [etcGdgRoute, setEtcGdgRoute] = useState('');
- const gdgRouteInputRef = useRef(null);
-
- useEffect(() => {
- const isInterestFilled = gdgInterest.length > 0;
- const isPeriodFilled = gdgPeriod.length > 0;
- const isRouteFilled = gdgRoute.trim() !== '';
- const isEtcRouteFilled = gdgRoute !== '기타' || etcGdgRoute.trim() !== '';
-
- if (step === 8) {
- setChecked(isInterestFilled && isPeriodFilled && isRouteFilled && isEtcRouteFilled);
- const formData = {
- gdgInterest,
- gdgPeriod,
- gdgRoute: gdgRoute === '기타' ? etcGdgRoute : gdgRoute,
- };
-
- updateRecruitData(8, formData);
- }
- }, [gdgInterest, gdgPeriod, gdgRoute, etcGdgRoute, step, setChecked, updateRecruitData]);
-
- useEffect(() => {
- if (gdgRoute === '기타' && gdgRouteInputRef.current) {
- gdgRouteInputRef.current.focus();
- }
- }, [gdgRoute]);
-
- return (
-
-
- 지원자의 삶과 진로 경험 & 이야기 (선택)
-
-
-
- -
-
-
- • GDG on campus INHA 25-2 가입 이전, 어떤 활동 및 공부를 하고 계셨나요? 여러분에 대한 정보를 편하게
- 알려주세요!
기존 멤버분들께서는 간단하게 적어주셔도 됩니다 😀 -
- - - • ex) 1학년: ☆☆동아리 하면서 대학생활 / 2학년: ☆☆을 공부하는 학부 연구생, ☆☆대외활동 / 3학년: 잠시의 - 방황과 교환학생 / 4학년: ☆☆기업 인턴 - -
-
- );
-}
\ No newline at end of file
diff --git a/src/components/recruit/screen/Recruit9.jsx b/src/components/recruit/screen/Recruit9.jsx
deleted file mode 100644
index dbada1e..0000000
--- a/src/components/recruit/screen/Recruit9.jsx
+++ /dev/null
@@ -1,120 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { Input } from '@nextui-org/react';
-
-import MultipleSelectBox from '@/components/ui/input/select/MultipleSelectBox';
-
-import { wishOptions } from '@/constant/wishOptions';
-import { expectOptions } from '@/constant/expectOptions';
-
-export default function Recruit9({ step, setChecked, updateRecruitData }) {
- const [gdgWish, setGdgWish] = useState([]);
- const [etcGdgWish, setEtcGdgWish] = useState(''); //기타 입력 상태
- const [gdgExpect, setGdgExpect] = useState([]);
- const [etcGdgExpect, setEtcGdgExpect] = useState(''); //기타 입력 상태
-
- useEffect(() => {
- const isWishFilled = gdgWish.length > 0;
- const isEtcWishFilled = !gdgWish.includes('기타') || etcGdgWish.trim() !== '';
-
- const isExpectFilled = gdgExpect.length > 0;
- const isEtcExpectFilled = !gdgExpect.includes('기타') || etcGdgExpect.trim() !== '';
-
- if (step === 9) {
- setChecked(isWishFilled && isEtcWishFilled && isExpectFilled && isEtcExpectFilled);
-
- const gdgWishCombined = gdgWish
- .map((wish) => (wish === '기타' ? etcGdgWish : wish))
- .filter((wish) => wish !== '기타' || etcGdgWish.trim() !== '');
- const gdgExpectCombined = gdgExpect
- .map((expect) => (expect === '기타' ? etcGdgExpect : expect))
- .filter((expect) => expect !== '기타' || etcGdgExpect.trim() !== '');
-
- const formData = {
- gdgWish: gdgWishCombined,
- gdgExpect: gdgExpectCombined,
- };
-
- updateRecruitData(9, formData);
- }
- }, [gdgWish, etcGdgWish, gdgExpect, etcGdgExpect, step, setChecked, updateRecruitData]);
-
- return (
-
-
- GDG on Campus 기수
-
-
- -
-
- - • 현재 지원 기수 및 기존 활동 기수를 모두 선택해주세요. - -
- • 신입 멤버는 '25-2' 하나만 선택해주시면 됩니다. -
- 어떤 경로를 통해 GDG on Campus를 알게 되셨나요?
-
-
-
- );
-}
diff --git a/src/components/study/dashboard/admin/detail/ReviewApplication.jsx b/src/components/study/dashboard/admin/detail/ReviewApplication.jsx
index 90848b7..f1c1a5f 100644
--- a/src/components/study/dashboard/admin/detail/ReviewApplication.jsx
+++ b/src/components/study/dashboard/admin/detail/ReviewApplication.jsx
@@ -13,7 +13,6 @@ import { useApplicantList } from "@/services/study/useApplicantList";
import { useStudyAccessCheck } from "@/services/study/useStudyAccessCheck";
// components
-import NoticeBanner from "@/components/study/ui/card/NoticeBanner";
import ApplicantInfoList from "@/components/study/ui/card/ApplicantInfoList";
import ApplicantDetailModal from "@/components/study/ui/modal/ApplicantDetailModal";
@@ -300,7 +299,6 @@ export default function ReviewApplication({ studyId }) {
)}
{isStudyLead ? (
-
-
- GDG on Campus INHA에서 무엇을 얻어가고 싶으신가요? (중복선택 가능)
-
-
-
- 이 외에 GDG on campus에서 기대하거나 원하는 활동이 있으신가요?
-
-
-
- -
-
- • ex) 이런 프로젝트 하고 싶어요, 이런 스터디 있으면 좋겠어요, 이런 활동 있으면 좋겠어요 -
- - • 선택지에 없는 활동을 원하시면 '기타' 항목을 선택 - 후 요청사항을 작성해주세요. 반영하여 활동을 기획하겠습니다! - -
- {
if (status === 'APPROVED')
- return "bg-blue-500 text-white px-3 py-1 rounded-full text-sm font-medium";
+ return "bg-blue-400 text-white px-3 py-1 rounded-full text-sm font-medium";
if (status === 'REJECTED')
- return "bg-red-500 text-white px-3 py-1 rounded-full text-sm font-medium";
- return "bg-yellow-500 text-white px-3 py-1 rounded-full text-sm font-medium";
+ return "bg-red-400 text-white px-3 py-1 rounded-full text-sm font-medium";
+ return "bg-yellow-400 text-white px-3 py-1 rounded-full text-sm font-medium";
};
// Status text
@@ -77,7 +77,7 @@ export default function CreatedStudies() {
e.stopPropagation();
handleDetailClick(data.id);
}}
- className="text-blue-500 hover:text-blue-700 text-sm"
+ className="text-blue-400 hover:text-blue-700 text-sm"
>
상세 보기
@@ -86,7 +86,7 @@ export default function CreatedStudies() {
))
) : (
-
+
데이터가 없습니다.
diff --git a/src/components/study/dashboard/my/detail/StudyDetail.jsx b/src/components/study/dashboard/my/detail/StudyDetail.jsx
index dc28988..0d8eb80 100644
--- a/src/components/study/dashboard/my/detail/StudyDetail.jsx
+++ b/src/components/study/dashboard/my/detail/StudyDetail.jsx
@@ -36,7 +36,7 @@ export default function StudyDetail({ studyId }) {
현재 기능 준비 중인 페이지입니다.
) : ( -
+
diff --git a/src/components/study/dashboard/my/detail/futureRef/WeeklyInfo.jsx b/src/components/study/dashboard/my/detail/futureRef/WeeklyInfo.jsx
index 5382d01..002b08f 100644
--- a/src/components/study/dashboard/my/detail/futureRef/WeeklyInfo.jsx
+++ b/src/components/study/dashboard/my/detail/futureRef/WeeklyInfo.jsx
@@ -56,14 +56,14 @@ export default function WeeklyInfo() {
접근 권한이 없는 스터디입니다.
)}
diff --git a/src/components/study/dashboard/my/detail/futureRef/Attendance.jsx b/src/components/study/dashboard/my/detail/futureRef/Attendance.jsx
index 54e96f0..b0bc577 100644
--- a/src/components/study/dashboard/my/detail/futureRef/Attendance.jsx
+++ b/src/components/study/dashboard/my/detail/futureRef/Attendance.jsx
@@ -19,11 +19,11 @@ export default function Attendance() {
const baseClasses = "px-3 py-1 rounded-full text-sm font-medium text-white";
if (status === 'ATTEND')
- return `${baseClasses} bg-green-500`;
+ return `${baseClasses} bg-green-400`;
if (status === 'LATE')
- return `${baseClasses} bg-yellow-500`;
+ return `${baseClasses} bg-yellow-400`;
if (status === 'ABSENT')
- return `${baseClasses} bg-red-500`;
+ return `${baseClasses} bg-red-400`;
return `${baseClasses} bg-blue-700`;
};
@@ -35,19 +35,19 @@ export default function Attendance() {
-
+
출석
-
+
지각
-
+
결석
-
+
미확인
{data.weeklyRecords.map((week) => (
-
+
-
+
데이터가 없습니다.
diff --git a/src/components/study/ui/card/ApplicantInfoList.jsx b/src/components/study/ui/card/ApplicantInfoList.jsx
index f8c526a..906c44e 100644
--- a/src/components/study/ui/card/ApplicantInfoList.jsx
+++ b/src/components/study/ui/card/ApplicantInfoList.jsx
@@ -16,9 +16,9 @@ export default function ApplicantInfoList({
// Status badge styles
const getStatusBadge = (status) => {
if (status === 'APPROVED')
- return "bg-blue-500 text-white px-3 py-1 rounded-full text-sm font-medium";
+ return "bg-blue-400 text-white px-3 py-1 rounded-full text-sm font-medium";
if (status === 'REJECTED')
- return "bg-red-500 text-white px-3 py-1 rounded-full text-sm font-medium";
+ return "bg-red-400 text-white px-3 py-1 rounded-full text-sm font-medium";
return "bg-gray-300 text-gray-700 px-3 py-1 rounded-full text-sm font-medium";
};
@@ -45,7 +45,7 @@ export default function ApplicantInfoList({
{applications?.length === 0 ? (
-
+
아직 지원자가 없습니다. ㅠㅠ
@@ -92,12 +92,12 @@ export default function ApplicantInfoList({
handleClick={handleApproval}
/>
{isApprovalButtonDisabled && hasProcessedApplicants && (
-
diff --git a/src/components/study/ui/modal/ApplicantDetailModal.jsx b/src/components/study/ui/modal/ApplicantDetailModal.jsx
index 7f6038c..f5bc167 100644
--- a/src/components/study/ui/modal/ApplicantDetailModal.jsx
+++ b/src/components/study/ui/modal/ApplicantDetailModal.jsx
@@ -19,9 +19,9 @@ export default function ApplicantDetailModal({ apiClient, studyId, selectedAppli
// Status badge styles
const getStatusBadge = (status) => {
if (status === 'APPROVED')
- return "bg-blue-500 text-white px-3 py-1 rounded-full text-sm font-medium";
+ return "bg-blue-400 text-white px-3 py-1 rounded-full text-sm font-medium";
if (status === 'REJECTED')
- return "bg-red-500 text-white px-3 py-1 rounded-full text-sm font-medium";
+ return "bg-red-400 text-white px-3 py-1 rounded-full text-sm font-medium";
return "bg-gray-300 text-gray-700 px-3 py-1 rounded-full text-sm font-medium";
};
diff --git a/src/components/study/ui/nav/StudyDashboardNav.jsx b/src/components/study/ui/nav/StudyDashboardNav.jsx
index 729fad9..bdb3592 100644
--- a/src/components/study/ui/nav/StudyDashboardNav.jsx
+++ b/src/components/study/ui/nav/StudyDashboardNav.jsx
@@ -44,7 +44,7 @@ export default function StudyDashboardNav({ isAdminPage = false, studyId = null,
{/* Mobile */}
{menuOption.length > 0 && (
{week.title}
{week.date}
-
+
{week.status}
{week.description}
diff --git a/src/components/study/dashboard/my/view/AppliedStudies.jsx b/src/components/study/dashboard/my/view/AppliedStudies.jsx index 3d8308c..dc5c7d3 100644 --- a/src/components/study/dashboard/my/view/AppliedStudies.jsx +++ b/src/components/study/dashboard/my/view/AppliedStudies.jsx @@ -23,10 +23,10 @@ export default function AppliedStudies() { const getStatusBadge = (status) => { if (status === 'APPROVED') - return "bg-blue-500 text-white px-3 py-1 rounded-full text-sm font-medium"; + return "bg-blue-400 text-white px-3 py-1 rounded-full text-sm font-medium"; if (status === 'REJECTED') - return "bg-red-500 text-white px-3 py-1 rounded-full text-sm font-medium"; - return "bg-yellow-500 text-white px-3 py-1 rounded-full text-sm font-medium"; + return "bg-red-400 text-white px-3 py-1 rounded-full text-sm font-medium"; + return "bg-yellow-400 text-white px-3 py-1 rounded-full text-sm font-medium"; }; const getStatusName = (status) => { @@ -78,7 +78,7 @@ export default function AppliedStudies() { e.stopPropagation(); handleDetailClick(data.studyId); }} - className="text-blue-500 hover:text-blue-700 text-sm" + className="text-blue-400 hover:text-blue-700 text-sm" > 정보 보기 @@ -87,7 +87,7 @@ export default function AppliedStudies() { )) ) : (+
이미 처리된 지원자가 있어 수정할 수 없습니다.
)} {isApprovalButtonDisabled && !hasProcessedApplicants && ( -+
지원 마감일이 지나 자동으로 처리되었습니다.
)} diff --git a/src/components/study/ui/card/NoticeBanner.jsx b/src/components/study/ui/card/NoticeBanner.jsx deleted file mode 100644 index d85b4cf..0000000 --- a/src/components/study/ui/card/NoticeBanner.jsx +++ /dev/null @@ -1,20 +0,0 @@ -'use client'; - -export default function NoticeBanner() { - return ( -
-
- );
-}
\ No newline at end of file
diff --git a/src/components/study/ui/card/StudyCard.jsx b/src/components/study/ui/card/StudyCard.jsx
index 078d517..88a0b67 100644
--- a/src/components/study/ui/card/StudyCard.jsx
+++ b/src/components/study/ui/card/StudyCard.jsx
@@ -12,13 +12,13 @@ export default function StudyCard({ id, title, description, status, reqEnd, icon
const getStatusStyle = (status) => {
switch (status.toUpperCase()) {
case 'RECRUITED':
- return 'bg-red-500 text-white';
+ return 'bg-red-400 text-white';
case 'RECRUITING':
- return 'bg-green-500 text-white';
+ return 'bg-green-400 text-white';
case 'CANCELLED':
- return 'bg-yellow-500 text-white';
+ return 'bg-yellow-400 text-white';
default:
- return 'bg-blue-500 text-white';
+ return 'bg-blue-400 text-white';
}
};
@@ -49,7 +49,7 @@ export default function StudyCard({ id, title, description, status, reqEnd, icon
- 💡
-
-
-
- 모집 관련 주의사항
--
-
- • 모집 마감일 다음 날까지는 자유롭게 합/불 체크가 가능합니다. -
- • 마감일 이전에는 최종 결정 및 마감 버튼으로 조기 마감이 가능합니다. -
- • 모집 마감일 하루 뒤 자정에는 자동으로 마지막으로 체크한 합/불 결과가 반영됩니다. -
- • 지원자는 MY 스터디 참여 현황에서 모집 마감 시간 하루 뒤 합격여부 조회가 가능합니다. -
{ title }
{ description }
-모집마감: {reqEnd ? formatDate(reqEnd) : '정보없음'}
+모집마감: {reqEnd ? formatDate(reqEnd) : '정보없음'}
handleMenuClick(currentMenu)}
>
{menuOption.find(option => option.id === currentMenu).label}
@@ -77,7 +77,7 @@ export default function StudyDashboardNav({ isAdminPage = false, studyId = null,
onClick={() => handleMenuClick(item.id)}
className={`py-1 px-3 text-sm cursor-pointer transition-colors duration-200 rounded-full
${currentMenu === item.id
- ? 'bg-blue-600 text-white'
+ ? 'bg-blue-400 text-white'
: 'text-white hover:bg-gray-800'
}`}
>
@@ -95,7 +95,7 @@ export default function StudyDashboardNav({ isAdminPage = false, studyId = null,
onClick={() => handleMenuClick(item.id)}
className={`py-2 text-sm cursor-pointer transition-colors duration-200
${currentMenu === item.id
- ? 'text-blue-500 font-medium'
+ ? 'text-blue-400 font-medium'
: 'text-white hover:text-blue-300'
}`}
>
diff --git a/src/components/ui/button/GreenTextButton.jsx b/src/components/ui/button/GreenTextButton.tsx
similarity index 71%
rename from src/components/ui/button/GreenTextButton.jsx
rename to src/components/ui/button/GreenTextButton.tsx
index 842d2de..29a22aa 100644
--- a/src/components/ui/button/GreenTextButton.jsx
+++ b/src/components/ui/button/GreenTextButton.tsx
@@ -3,7 +3,7 @@ export default function GreenTextButton({ text, isDisabled, handleClick }) {