Skip to content

Commit ff8ee18

Browse files
minimo-9minimo-9
committed
fix: 빌드 오류로 인해 예외 처리
1 parent a84bc80 commit ff8ee18

File tree

2 files changed

+155
-155
lines changed

2 files changed

+155
-155
lines changed

‎src/app/(non-header)/oauth/kakao/sign-in/page.tsx‎

Lines changed: 75 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,84 @@
1-
'use client';
1+
// 'use client';
22

3-
export const dynamic = 'force-dynamic';
3+
// export const dynamic = 'force-dynamic';
44

5-
import useUserStore from '@/stores/authStore';
6-
import axios from 'axios';
7-
import { useRouter, useSearchParams } from 'next/navigation';
8-
import { useEffect } from 'react';
5+
// import useUserStore from '@/stores/authStore';
6+
// import axios from 'axios';
7+
// import { useRouter, useSearchParams } from 'next/navigation';
8+
// import { useEffect } from 'react';
99

10-
/**
11-
* 카카오 로그인 콜백 처리 페이지 컴포넌트입니다.
12-
*
13-
* 카카오 인증 서버에서 리디렉션된 `code` 쿼리 파라미터를 받아
14-
* 백엔드(`/api/auth/kakao/sign-in`)에 로그인 요청을 보냅니다.
15-
* 응답에 포함된 사용자 정보를 Zustand 스토어에 저장하고,
16-
* 로그인 성공 시 메인 페이지(`/`)로 이동합니다.
17-
*
18-
* 오류 발생 시 상태 코드에 따라 다른 알림 메시지를 출력하고
19-
* 적절한 페이지(`/signup` 또는 `/login`)로 이동합니다.
20-
*
21-
* 주요 흐름:
22-
* 1. `code` 파라미터 확인
23-
* 2. POST 요청으로 로그인 시도
24-
* 3. 사용자 존재 시 상태 저장 및 리다이렉트
25-
* 4. 오류 상황에 따라 알림 및 경로 분기
26-
*
27-
* @component
28-
* @returns {JSX.Element} "카카오 로그인 처리 중입니다..."라는 텍스트를 포함한 JSX
29-
*/
30-
export default function KakaoSigninCallbackPage() {
31-
const router = useRouter();
32-
const searchParams = useSearchParams();
33-
const setUser = useUserStore((state) => state.setUser);
10+
// /**
11+
// * 카카오 로그인 콜백 처리 페이지 컴포넌트입니다.
12+
// *
13+
// * 카카오 인증 서버에서 리디렉션된 `code` 쿼리 파라미터를 받아
14+
// * 백엔드(`/api/auth/kakao/sign-in`)에 로그인 요청을 보냅니다.
15+
// * 응답에 포함된 사용자 정보를 Zustand 스토어에 저장하고,
16+
// * 로그인 성공 시 메인 페이지(`/`)로 이동합니다.
17+
// *
18+
// * 오류 발생 시 상태 코드에 따라 다른 알림 메시지를 출력하고
19+
// * 적절한 페이지(`/signup` 또는 `/login`)로 이동합니다.
20+
// *
21+
// * 주요 흐름:
22+
// * 1. `code` 파라미터 확인
23+
// * 2. POST 요청으로 로그인 시도
24+
// * 3. 사용자 존재 시 상태 저장 및 리다이렉트
25+
// * 4. 오류 상황에 따라 알림 및 경로 분기
26+
// *
27+
// * @component
28+
// * @returns {JSX.Element} "카카오 로그인 처리 중입니다..."라는 텍스트를 포함한 JSX
29+
// */
30+
// export default function KakaoSigninCallbackPage() {
31+
// const router = useRouter();
32+
// const searchParams = useSearchParams();
33+
// const setUser = useUserStore((state) => state.setUser);
3434

35-
useEffect(() => {
36-
const code = searchParams.get('code');
37-
if (!code) return;
35+
// useEffect(() => {
36+
// const code = searchParams.get('code');
37+
// if (!code) return;
3838

39-
/**
40-
* 카카오 로그인 처리를 위한 비동기 함수입니다.
41-
* - 백엔드에 인증 코드 전송
42-
* - 사용자 정보 저장
43-
* - 오류 처리 및 알림
44-
*/
45-
const handleKakaoLogin = async () => {
46-
try {
47-
const res = await axios.post('/api/auth/kakao/sign-in', { code });
48-
const data = res.data;
39+
// /**
40+
// * 카카오 로그인 처리를 위한 비동기 함수입니다.
41+
// * - 백엔드에 인증 코드 전송
42+
// * - 사용자 정보 저장
43+
// * - 오류 처리 및 알림
44+
// */
45+
// const handleKakaoLogin = async () => {
46+
// try {
47+
// const res = await axios.post('/api/auth/kakao/sign-in', { code });
48+
// const data = res.data;
4949

50-
if (data.user) {
51-
setUser(data.user);
52-
router.push('/');
53-
}
54-
} catch (err: unknown) {
55-
if (axios.isAxiosError(err)) {
56-
const status = err.response?.status;
57-
const message = err.response?.data?.error;
50+
// if (data.user) {
51+
// setUser(data.user);
52+
// router.push('/');
53+
// }
54+
// } catch (err: unknown) {
55+
// if (axios.isAxiosError(err)) {
56+
// const status = err.response?.status;
57+
// const message = err.response?.data?.error;
5858

59-
switch (status) {
60-
case 404:
61-
alert('가입된 회원이 아닙니다. 회원가입을 진행해주세요.');
62-
router.push('/signup');
63-
break;
64-
case 500:
65-
alert('서버 오류입니다. 잠시 후 다시 시도해주세요.');
66-
router.push('/login');
67-
break;
68-
default:
69-
alert(message || '카카오 로그인 실패');
70-
router.push('/login');
71-
break;
72-
}
73-
} else {
74-
alert('사용자 정보가 없습니다. 다시 시도해주세요.');
75-
router.push('/login');
76-
}
77-
}
78-
};
59+
// switch (status) {
60+
// case 404:
61+
// alert('가입된 회원이 아닙니다. 회원가입을 진행해주세요.');
62+
// router.push('/signup');
63+
// break;
64+
// case 500:
65+
// alert('서버 오류입니다. 잠시 후 다시 시도해주세요.');
66+
// router.push('/login');
67+
// break;
68+
// default:
69+
// alert(message || '카카오 로그인 실패');
70+
// router.push('/login');
71+
// break;
72+
// }
73+
// } else {
74+
// alert('사용자 정보가 없습니다. 다시 시도해주세요.');
75+
// router.push('/login');
76+
// }
77+
// }
78+
// };
7979

80-
handleKakaoLogin();
81-
}, [searchParams, router]);
80+
// handleKakaoLogin();
81+
// }, [searchParams, router]);
8282

83-
return <div>카카오 로그인 처리 중입니다...</div>;
84-
}
83+
// return <div>카카오 로그인 처리 중입니다...</div>;
84+
// }

‎src/app/(non-header)/oauth/kakao/sign-up/page.tsx‎

Lines changed: 80 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,91 @@
1-
'use client';
1+
// 'use client';
22

3-
export const dynamic = 'force-dynamic';
3+
// export const dynamic = 'force-dynamic';
44

5-
import useUserStore from '@/stores/authStore';
6-
import axios from 'axios';
7-
import { useRouter, useSearchParams } from 'next/navigation';
8-
import { useEffect } from 'react';
5+
// import useUserStore from '@/stores/authStore';
6+
// import axios from 'axios';
7+
// import { useRouter, useSearchParams } from 'next/navigation';
8+
// import { useEffect } from 'react';
99

10-
const adjectives = [
11-
'상냥한',
12-
'용감한',
13-
'조용한',
14-
'귀여운',
15-
'멋진',
16-
'차분한',
17-
'빠른',
18-
'신비한',
19-
];
20-
const animals = [
21-
'고양이',
22-
'호랑이',
23-
'강아지',
24-
'여우',
25-
'곰',
26-
'사자',
27-
'토끼',
28-
'다람쥐',
29-
];
10+
// const adjectives = [
11+
// '상냥한',
12+
// '용감한',
13+
// '조용한',
14+
// '귀여운',
15+
// '멋진',
16+
// '차분한',
17+
// '빠른',
18+
// '신비한',
19+
// ];
20+
// const animals = [
21+
// '고양이',
22+
// '호랑이',
23+
// '강아지',
24+
// '여우',
25+
// '곰',
26+
// '사자',
27+
// '토끼',
28+
// '다람쥐',
29+
// ];
3030

31-
/**
32-
* 카카오 회원가입 콜백 처리 페이지 컴포넌트입니다.
33-
*
34-
* 카카오 인증 서버에서 전달된 `code` 쿼리 파라미터를 바탕으로
35-
* 백엔드(`/api/auth/kakao/sign-up`)에 회원가입 요청을 보내고,
36-
* 성공적으로 가입된 사용자 정보를 Zustand 스토어에 저장한 후
37-
* 로그인 페이지(`/login`)로 이동합니다.
38-
*
39-
* 요청 시 랜덤한 형용사 + 동물 조합으로 닉네임을 생성하여 함께 전송합니다.
40-
*
41-
* 주요 흐름:
42-
* 1. `code` 쿼리 파라미터 존재 여부 확인
43-
* 2. 랜덤 닉네임 생성
44-
* 3. 서버에 회원가입 요청 전송
45-
* 4. 성공 시 사용자 정보 저장 및 리다이렉션
46-
* 5. 실패 시 알림 후 회원가입 페이지로 이동
47-
*
48-
* @component
49-
* @returns {JSX.Element} "카카오 회원가입 처리 중입니다..."라는 텍스트를 포함한 JSX
50-
*/
51-
export default function KakaoSignupCallbackPage() {
52-
const router = useRouter();
53-
const searchParams = useSearchParams();
54-
const setUser = useUserStore((state) => state.setUser);
31+
// /**
32+
// * 카카오 회원가입 콜백 처리 페이지 컴포넌트입니다.
33+
// *
34+
// * 카카오 인증 서버에서 전달된 `code` 쿼리 파라미터를 바탕으로
35+
// * 백엔드(`/api/auth/kakao/sign-up`)에 회원가입 요청을 보내고,
36+
// * 성공적으로 가입된 사용자 정보를 Zustand 스토어에 저장한 후
37+
// * 로그인 페이지(`/login`)로 이동합니다.
38+
// *
39+
// * 요청 시 랜덤한 형용사 + 동물 조합으로 닉네임을 생성하여 함께 전송합니다.
40+
// *
41+
// * 주요 흐름:
42+
// * 1. `code` 쿼리 파라미터 존재 여부 확인
43+
// * 2. 랜덤 닉네임 생성
44+
// * 3. 서버에 회원가입 요청 전송
45+
// * 4. 성공 시 사용자 정보 저장 및 리다이렉션
46+
// * 5. 실패 시 알림 후 회원가입 페이지로 이동
47+
// *
48+
// * @component
49+
// * @returns {JSX.Element} "카카오 회원가입 처리 중입니다..."라는 텍스트를 포함한 JSX
50+
// */
51+
// export default function KakaoSignupCallbackPage() {
52+
// const router = useRouter();
53+
// const searchParams = useSearchParams();
54+
// const setUser = useUserStore((state) => state.setUser);
5555

56-
useEffect(() => {
57-
const code = searchParams.get('code');
56+
// useEffect(() => {
57+
// const code = searchParams.get('code');
5858

59-
if (!code) return;
59+
// if (!code) return;
6060

61-
const nickname = `${adjectives[Math.floor(Math.random() * adjectives.length)]}${animals[Math.floor(Math.random() * animals.length)]}`;
61+
// const nickname = `${adjectives[Math.floor(Math.random() * adjectives.length)]}${animals[Math.floor(Math.random() * animals.length)]}`;
6262

63-
/**
64-
* 카카오 회원가입 처리를 위한 비동기 함수입니다.
65-
* - 인증 코드와 랜덤 닉네임을 포함하여 서버에 POST 요청
66-
* - 응답으로 받은 사용자 정보를 상태에 저장
67-
* - 성공 시 로그인 페이지로, 실패 시 회원가입 페이지로 이동
68-
*/
69-
const handleKakaoSignup = async () => {
70-
try {
71-
const res = await axios.post('/api/auth/kakao/sign-up', {
72-
code,
73-
nickname,
74-
});
75-
const data = res.data;
63+
// /**
64+
// * 카카오 회원가입 처리를 위한 비동기 함수입니다.
65+
// * - 인증 코드와 랜덤 닉네임을 포함하여 서버에 POST 요청
66+
// * - 응답으로 받은 사용자 정보를 상태에 저장
67+
// * - 성공 시 로그인 페이지로, 실패 시 회원가입 페이지로 이동
68+
// */
69+
// const handleKakaoSignup = async () => {
70+
// try {
71+
// const res = await axios.post('/api/auth/kakao/sign-up', {
72+
// code,
73+
// nickname,
74+
// });
75+
// const data = res.data;
7676

77-
if (data.user) {
78-
setUser(data.user);
79-
router.push('/login');
80-
}
81-
} catch {
82-
alert('카카오 회원가입 실패');
83-
router.push('/signup');
84-
}
85-
};
77+
// if (data.user) {
78+
// setUser(data.user);
79+
// router.push('/login');
80+
// }
81+
// } catch {
82+
// alert('카카오 회원가입 실패');
83+
// router.push('/signup');
84+
// }
85+
// };
8686

87-
handleKakaoSignup();
88-
}, [searchParams, router]);
87+
// handleKakaoSignup();
88+
// }, [searchParams, router]);
8989

90-
return <div>카카오 회원가입 처리 중입니다...</div>;
91-
}
90+
// return <div>카카오 회원가입 처리 중입니다...</div>;
91+
// }

0 commit comments

Comments
 (0)