회원 불러오기 작업하는 중1

This commit is contained in:
2025-11-26 21:40:56 +09:00
parent 47eedf6837
commit 53a5713ddd
12 changed files with 494 additions and 809 deletions

View File

@@ -10,48 +10,115 @@ export type UserRow = {
status: AccountStatus;
};
// 임시 데이터
export const mockUsers: UserRow[] = [
{ id: "1", joinDate: "2024-01-15", name: "김민준", email: "user1@example.com", role: "learner", status: "active" },
{ id: "2", joinDate: "2024-01-20", name: "이서준", email: "user2@example.com", role: "learner", status: "active" },
{ id: "3", joinDate: "2024-02-05", name: "박도윤", email: "user3@example.com", role: "learner", status: "inactive" },
{ id: "4", joinDate: "2024-02-10", name: "최예준", email: "user4@example.com", role: "instructor", status: "active" },
{ id: "5", joinDate: "2024-02-15", name: "정시우", email: "user5@example.com", role: "instructor", status: "active" },
{ id: "6", joinDate: "2024-02-20", name: "강하준", email: "user6@example.com", role: "learner", status: "active" },
{ id: "7", joinDate: "2024-03-01", name: "조주원", email: "user7@example.com", role: "admin", status: "active" },
{ id: "8", joinDate: "2024-03-05", name: "윤지호", email: "user8@example.com", role: "learner", status: "active" },
{ id: "9", joinDate: "2024-03-10", name: "장준서", email: "user9@example.com", role: "learner", status: "inactive" },
{ id: "10", joinDate: "2024-03-15", name: "임건우", email: "user10@example.com", role: "instructor", status: "active" },
{ id: "11", joinDate: "2024-03-20", name: "한서연", email: "user11@example.com", role: "learner", status: "active" },
{ id: "12", joinDate: "2024-04-01", name: "오서윤", email: "user12@example.com", role: "learner", status: "active" },
{ id: "13", joinDate: "2024-04-05", name: "서지우", email: "user13@example.com", role: "instructor", status: "inactive" },
{ id: "14", joinDate: "2024-04-10", name: "신서현", email: "user14@example.com", role: "learner", status: "active" },
{ id: "15", joinDate: "2024-04-15", name: "권민서", email: "user15@example.com", role: "admin", status: "active" },
{ id: "16", joinDate: "2024-04-20", name: "황하은", email: "user16@example.com", role: "learner", status: "active" },
{ id: "17", joinDate: "2024-05-01", name: "안예은", email: "user17@example.com", role: "learner", status: "inactive" },
{ id: "18", joinDate: "2024-05-05", name: "송윤서", email: "user18@example.com", role: "instructor", status: "active" },
{ id: "19", joinDate: "2024-05-10", name: "전채원", email: "user19@example.com", role: "learner", status: "active" },
{ id: "20", joinDate: "2024-05-15", name: "홍지원", email: "user20@example.com", role: "learner", status: "active" },
{ id: "21", joinDate: "2024-05-20", name: "김민수", email: "user21@example.com", role: "instructor", status: "active" },
{ id: "22", joinDate: "2024-06-01", name: "이영희", email: "user22@example.com", role: "learner", status: "active" },
{ id: "23", joinDate: "2024-06-05", name: "박철수", email: "user23@example.com", role: "learner", status: "inactive" },
{ id: "24", joinDate: "2024-06-10", name: "최수진", email: "user24@example.com", role: "admin", status: "active" },
{ id: "25", joinDate: "2024-06-15", name: "정대현", email: "user25@example.com", role: "instructor", status: "active" },
{ id: "26", joinDate: "2024-06-20", name: "강미영", email: "user26@example.com", role: "learner", status: "active" },
{ id: "27", joinDate: "2024-07-01", name: "조성호", email: "user27@example.com", role: "learner", status: "active" },
{ id: "28", joinDate: "2024-07-05", name: "윤지은", email: "user28@example.com", role: "instructor", status: "inactive" },
{ id: "29", joinDate: "2024-07-10", name: "장현우", email: "user29@example.com", role: "learner", status: "active" },
{ id: "30", joinDate: "2024-07-15", name: "임소영", email: "user30@example.com", role: "learner", status: "active" },
];
// 더미 데이터 제거됨 - 이제 API에서 데이터를 가져옵니다
// 강사 목록 가져오기 함수 export
// TODO: 나중에 DB에서 가져오도록 변경 예정
// 예: export async function getInstructors(): Promise<UserRow[]> {
// const response = await fetch('/api/instructors');
// return response.json();
// }
export function getInstructors(): UserRow[] {
// 현재는 mock 데이터 사용, 나중에 DB에서 가져오도록 변경
return mockUsers.filter(user => user.role === 'instructor' && user.status === 'active');
// 강사 목록 가져오기 함수 - API에서 가져오기
export async function getInstructors(): Promise<UserRow[]> {
try {
const token = typeof window !== 'undefined'
? (localStorage.getItem('token') || document.cookie
.split('; ')
.find(row => row.startsWith('token='))
?.split('=')[1])
: null;
const apiUrl = process.env.NEXT_PUBLIC_API_BASE_URL
? `${process.env.NEXT_PUBLIC_API_BASE_URL}/admin/users/compact`
: 'https://hrdi.coconutmeet.net/admin/users/compact';
console.log('🔍 [getInstructors] API 호출 정보:', {
url: apiUrl,
hasToken: !!token,
tokenLength: token?.length || 0
});
const response = await fetch(apiUrl, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
...(token && { Authorization: `Bearer ${token}` }),
},
});
console.log('📡 [getInstructors] API 응답 상태:', {
status: response.status,
statusText: response.statusText,
ok: response.ok
});
if (!response.ok) {
const errorText = await response.text();
console.error('❌ [getInstructors] API 에러 응답:', errorText);
console.error('강사 목록 가져오기 실패:', response.status);
return [];
}
const data = await response.json();
console.log('📦 [getInstructors] 원본 API 응답 데이터:', {
type: typeof data,
isArray: Array.isArray(data),
length: Array.isArray(data) ? data.length : 'N/A',
data: data,
sampleItem: Array.isArray(data) && data.length > 0 ? data[0] : null
});
// API 응답 데이터를 UserRow 형식으로 변환하고 강사만 필터링 (null 값도 표시)
const users: UserRow[] = Array.isArray(data)
? data
.map((user: any, index: number) => {
// null 값을 명시적으로 처리 (null이면 "(없음)" 표시)
const getValue = (value: any, fallback: string = '(없음)') => {
if (value === null || value === undefined) return fallback;
if (typeof value === 'string' && value.trim() === '') return fallback;
return String(value);
};
const transformed = {
id: getValue(user.id || user.userId, `user-${index + 1}`),
joinDate: getValue(user.joinDate || user.createdAt || user.join_date, new Date().toISOString().split('T')[0]),
name: getValue(user.name || user.userName, '(없음)'),
email: getValue(user.email || user.userEmail, '(없음)'),
role: (user.role === 'instructor' || user.role === 'INSTRUCTOR' ? 'instructor' :
user.role === 'admin' || user.role === 'ADMIN' ? 'admin' : 'learner') as RoleType,
status: (user.status === 'inactive' || user.status === 'INACTIVE' ? 'inactive' : 'active') as AccountStatus,
};
// 모든 항목의 null 체크
console.log(`🔎 [getInstructors] [${index + 1}번째] 사용자 데이터 변환:`, {
원본: user,
변환됨: transformed,
null체크: {
id: user.id === null || user.id === undefined,
userId: user.userId === null || user.userId === undefined,
joinDate: user.joinDate === null || user.joinDate === undefined,
createdAt: user.createdAt === null || user.createdAt === undefined,
join_date: user.join_date === null || user.join_date === undefined,
name: user.name === null || user.name === undefined,
userName: user.userName === null || user.userName === undefined,
email: user.email === null || user.email === undefined,
userEmail: user.userEmail === null || user.userEmail === undefined,
role: user.role === null || user.role === undefined,
status: user.status === null || user.status === undefined,
}
});
return transformed;
})
.filter((user: UserRow) => user.role === 'instructor' && user.status === 'active')
: [];
console.log('✅ [getInstructors] 변환된 강사 데이터:', {
총개수: users.length,
필터링전개수: Array.isArray(data) ? data.length : 0,
데이터: users,
빈배열여부: users.length === 0
});
return users;
} catch (error) {
console.error('강사 목록 가져오기 오류:', error);
return [];
}
}