Merge pull request #276 from CSE-Shaco/develop

[FEAT/REF] 2026-1 리크루팅 업데이트 및 디자인 시스템/보안 강화

Author: CSE-Shaco

src/app/login/layout.tsx

@@ -2,8 +2,8 @@ import type { Metadata } from 'next'
 import type { ReactNode } from 'react';
 
 export const metadata: Metadata = {
-  title: 'SignIn',
-  description: 'SignIn to your account',
+  title: '로그인',
+  description: 'GDGoC INHA 계정으로 로그인하세요.',
 };
 
 export default function LoginLayout({ children }: { children: ReactNode }) {

src/app/login/page.tsx

@@ -142,7 +142,14 @@ export default function LoginPage() {
         }
 
         if (data.user && data.accessToken && data.refreshToken) {
+          console.log('[LoginPage] Existing user login success, saving to storage')
           setUser(data.user, data.accessToken, data.refreshToken)
+        } else {
+          console.warn('[LoginPage] Login success but missing data', { 
+            hasUser: !!data.user, 
+            hasAt: !!data.accessToken, 
+            hasRt: !!data.refreshToken 
+          })
         }
         if (typeof window !== 'undefined') {
           sessionStorage.removeItem(PENDING_SIGNUP_STORAGE_KEY)

src/app/recruit/core/layout.tsx

@@ -1,7 +1,11 @@
-'use client'
-
+import type { Metadata } from 'next'
 import ApiCodeGuard from '@/components/auth/ApiCodeGuard'
 
+export const metadata: Metadata = {
+  title: '운영진 모집',
+  description: 'GDGoC INHA 2026-1 운영진(CORE) 멤버를 모집합니다.'
+}
+
 export default function RecruitCoreLayout({ children }) {
   return (
     <ApiCodeGuard requiredRole="GUEST" nextOverride="/recruit/core">

src/app/recruit/member/completed/page.tsx

@@ -132,7 +132,7 @@ export default function RecruitSubmit() {
               </div>
 
               <div className="flex flex-col gap-1">
-                <p className="typo-s2 text-white mobile:typo-m-s2 mb-1">💵 25-2 회비</p>
+                <p className="typo-s2 text-white mobile:typo-m-s2 mb-1">💵 26-1 회비</p>
                 <BulletPoint>20,000 원</BulletPoint>
               </div>
 
@@ -143,7 +143,7 @@ export default function RecruitSubmit() {
                   ] 으로 변경해주세요!
                 </BulletPoint>
                 <BulletPoint>
-                  → ex) <span className="font-bold">24김인하</span>
+                  → ex) <span className="font-bold">25김인하</span>
                 </BulletPoint>
               </div>
 

src/app/recruit/member/layout.tsx

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react'
+import { type Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: '멤버 모집',
+  description: 'GDGoC INHA 2026-1 신입 멤버를 모집합니다.'
+}
+
+export default function RecruitMemberLayout({ children }: { children: ReactNode }) {
+  return <>{children}</>
+}

src/app/signup/layout.tsx

@@ -2,8 +2,8 @@ import type { Metadata } from 'next'
 import type { ReactNode } from 'react'
 
 export const metadata: Metadata = {
-  title: 'SignUp',
-  description: 'GDGoC 가입을 완료하세요'
+  title: '회원가입',
+  description: 'GDGoC INHA 멤버 가입을 완료하세요.'
 }
 
 export default function SignupLayout({ children }: { children: ReactNode }) {

src/app/signup/page.tsx

@@ -259,7 +259,14 @@ export default function SignupPage() {
 
       const data = unwrapApiResponse<SignupResponseBody>(response.data)
       if (data?.user && data.accessToken && data.refreshToken) {
+        console.log('[SignupPage] Signup success, saving to storage')
         setUser(data.user, data.accessToken, data.refreshToken)
+      } else {
+        console.warn('[SignupPage] Signup success but missing data', { 
+          hasUser: !!data?.user, 
+          hasAt: !!data?.accessToken, 
+          hasRt: !!data?.refreshToken 
+        })
       }
       sessionStorage.removeItem(PENDING_SIGNUP_STORAGE_KEY)
       router.replace(nextUrl)

src/components/landing/AboutSection.tsx

@@ -79,32 +79,32 @@ export default function AboutSection() {
       <div className="flex flex-col items-center w-full h-full">
         <div className="text-white/90 text-[3.5vw] font-semibold mobile:text-[5vw] mt-40 mobile:mt-24 mobile:mx-[30px]">
           <span className="font-google-sans-flex font-normal mobile:text-3xl">
-            <span className="text-red-400 neon1 neon-text-sm">G</span>
-            <span className="text-green-400 neon1 neon-text-sm">D</span>
-            <span className="text-yellow-400 neon1 neon-text-sm">G</span>
-            <span className="text-blue-400 neon1 neon-text-sm">o</span>
-            <span className="text-red-400 neon1 neon-text-sm">C</span>
+            <span className="text-red neon1 neon-text-sm">G</span>
+            <span className="text-green neon1 neon-text-sm">D</span>
+            <span className="text-yellow neon1 neon-text-sm">G</span>
+            <span className="text-blue neon1 neon-text-sm">o</span>
+            <span className="text-red neon1 neon-text-sm">C</span>
             <span className="text-white ml-2 neon-text-sm">INHA</span>
           </span>
           , 어떤 곳인가요?
         </div>
         <div className="text-white space-y-4 font-semibold text-[2.5vw] mobile:text-xl flex flex-col items-center mt-20 gap-y-4 text-center">
           <p id="section2-text1" className="opacity-0">
-            <span className="text-red-400">개발</span>에 관심 있는 사람들이 모여{' '}
+            <span className="text-red">개발</span>에 관심 있는 사람들이 모여{' '}
             <br className="hidden mobile:inline" />
-            <span className="text-green-400">네트워킹</span> 하고,
+            <span className="text-green">네트워킹</span> 하고,
           </p>
           <p id="section2-text2" className="opacity-0">
             다양한 프로젝트에 참여하며 <br className="hidden mobile:inline" />
-            <span className="text-yellow-400">함께 성장</span>하는 공간입니다.
+            <span className="text-yellow">함께 성장</span>하는 공간입니다.
           </p>
           <p id="section2-text3" className="opacity-0">
             비개발자부터 숙련된 개발자까지 <br className="hidden mobile:inline" />
-            누구나 <span className="text-blue-400">함께</span>할 수 있습니다.
+            누구나 <span className="text-blue">함께</span>할 수 있습니다.
           </p>
           <p id="section2-text4" className="opacity-0">
             GDGoC라는 글로벌 IT 무대에서 <br className="hidden mobile:inline" />
-            끊임없이 기회를 찾고 <span className="text-red-400">성장</span>해보세요!
+            끊임없이 기회를 찾고 <span className="text-red">성장</span>해보세요!
           </p>
         </div>
       </div>

src/components/landing/ActivitiesSection.tsx

@@ -1,98 +1,99 @@
-import React, { useState, useEffect } from 'react';
-import Image from 'next/image';
-import gsap from 'gsap';
+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';
+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 [hoveredCard, setHoveredCard] = useState(1);
+  const handleMouseEnter = (cardIndex) => {
+    setHoveredCard(cardIndex)
+  }
 
-    const handleMouseEnter = (cardIndex) => {
-        setHoveredCard(cardIndex);
-    };
+  const handleMouseLeave = () => {
+    setHoveredCard(null)
+  }
 
-    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 }
+  ]
 
-    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'
+        }
+      }
+    )
+  }, [])
 
-
-    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 (
-        <div id='section4' className='flex flex-col h-full w-full justify-center'>
-            <div className='text-white text-[3.5vw] mobile:text-[6vw] mobile:mx-[20px] font-semibold mt-96 text-center'>
-                <div className='text-[70px] mobile:text-[26vw]'>❓</div>
-                <div className='text-[2.5vw] mobile:text-[4vw]'>합류하면 어떤 활동들을 할 수 있나요?</div>
-            </div>
-            <div id='cards' className='flex flex-col w-full h-full mt-36 mb-36 opacity-0'>
-                <div className='grid grid-cols-3 mobile:grid-cols-2 gap-5 px-28 tablet:px-30 mobile:px-4'>
-                    {cards.map((card, index) => (
-                        <div
-                        id='card'
-                        key={index}
-                        className='group relative w-full h-[300px] rounded-2xl overflow-hidden'
-                        onMouseEnter={() => handleMouseEnter(index)}
-                        onMouseLeave={handleMouseLeave}
-                        >
-                            <div className="w-full h-full relative">
-                                <Image
-                                    src={card.image}
-                                    alt={card.title}
-                                    fill
-                                    className='w-auto h-auto object-cover transition-transform duration-300 group-hover:scale-110 z-0'
-                                />
-                                <div
-                                    className={`absolute inset-0 bg-black/70 transition-opacity duration-300 flex items-center justify-center z-10
+  return (
+    <div id="section4" className="flex flex-col h-full w-full justify-center">
+      <div className="text-white text-[3.5vw] mobile:text-[6vw] mobile:mx-[20px] font-semibold mt-96 text-center">
+        <div className="text-[70px] mobile:text-[26vw]">❓</div>
+        <div className="text-[2.5vw] mobile:text-[4vw]">합류하면 어떤 활동들을 할 수 있나요?</div>
+      </div>
+      <div id="cards" className="flex flex-col w-full h-full mt-36 mb-36 opacity-0">
+        <div className="grid grid-cols-3 mobile:grid-cols-2 gap-5 px-28 tablet:px-30 mobile:px-4">
+          {cards.map((card, index) => (
+            <div
+              id="card"
+              key={index}
+              className="group relative w-full h-[300px] rounded-2xl overflow-hidden"
+              onMouseEnter={() => handleMouseEnter(index)}
+              onMouseLeave={handleMouseLeave}
+            >
+              <div className="w-full h-full relative">
+                <Image
+                  src={card.image}
+                  alt={card.title}
+                  fill
+                  className="w-auto h-auto object-cover transition-transform duration-300 group-hover:scale-110 z-0"
+                />
+                <div
+                  className={`absolute inset-0 bg-black/70 transition-opacity duration-300 flex items-center justify-center z-10
                                         ${hoveredCard === index ? 'opacity-100' : 'opacity-0'}`}
-                                >
-                                    <div className='text-white text-center p-6'>
-                                        <h3 className='text-[2.5vw] font-bold mb-2 mobile:text-[4vw]'>{card.title}</h3>
-                                        <p className='text-[1.5vw] mobile:text-[4vw]'>{card.description}</p>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    ))}
+                >
+                  <div className="text-white text-center p-6">
+                    <h3 className="text-[2.5vw] font-bold mb-2 mobile:text-[4vw]">{card.title}</h3>
+                    <p className="text-[1.5vw] mobile:text-[4vw]">{card.description}</p>
+                  </div>
                 </div>
+              </div>
             </div>
+          ))}
         </div>
-    );
+      </div>
+    </div>
+  )
 }
 
-export default ActivitiesSection;
+export default ActivitiesSection

src/components/landing/CTASection.tsx

@@ -15,15 +15,24 @@ function CTASection({ router }) {
             <br className='hidden mobile:inline' />
             변화하는 나를 만나보세요
             </div>
-            <div className='flex flex-row mt-32 mb-96 mobile:mb-60 w-full justify-center items-center space-x-3'>
-            <Button
-                onPress={() => router.push('/recruit/member')}
-                radius='full'
-                className='w-64 max-w-full h-14 mobile:w-40 mobile:h-12 mobile:text-2xl bg-gradient-to-r from-red to-yellow text-white text-3xl relative group'
-            >
-                <div className='absolute inset-0 bg-gradient-to-r from-red to-yellow blur-lg opacity-75 group-hover:opacity-100 transition-opacity duration-300'></div>
-                <span className='font-semibold relative z-10'>지원하기</span>
-            </Button>
+            <div className="flex flex-col items-center gap-4 mt-24 mb-96 mobile:mb-60">
+                <Button
+                    onPress={() => router.push('/recruit/member')}
+                    radius='full'
+                    className='w-64 max-w-full h-14 mobile:w-40 mobile:h-12 mobile:text-2xl bg-gradient-to-r from-red to-yellow text-white text-3xl relative group overflow-hidden'
+                >
+                    <div className='absolute inset-0 bg-gradient-to-r from-red to-yellow blur-lg opacity-75 group-hover:opacity-100 transition-opacity duration-300'></div>
+                    <span className='font-semibold relative z-10'>지원하기</span>
+                </Button>
+                <p className="text-white/50 typo-c1 mobile:text-[10px]">
+                    지원 후 일정이 궁금하시다면?{' '}
+                    <button 
+                        onClick={() => router.push('/recruit/member/completed')}
+                        className="underline underline-offset-4 hover:text-white transition-colors"
+                    >
+                        일정 안내 바로가기
+                    </button>
+                </p>
             </div>
         </div>
     );