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

prisma/README.md

@@ -1,162 +0,0 @@
-# Prisma 데이터베이스 관리 가이드
-
-## 📋 개요
-
-이 문서는 Prisma를 사용한 데이터베이스 스키마 관리 및 마이그레이션 워크플로우를 설명합니다.
-
-## 🚀 개발 환경 워크플로우
-
-### 1. 스키마 변경 후 데이터베이스 최신화
-
-#### 방법 A: 마이그레이션 생성 및 적용 (권장)
-```bash
-# 1. 스키마 변경 (prisma/schema.prisma 수정)
-
-# 2. 마이그레이션 생성 및 적용
-npm run db:migrate
-
-# 마이그레이션 이름을 지정하려면:
-npx prisma migrate dev --name add_new_field
-```
-
-이 명령어는:
-- 마이그레이션 파일 생성
-- 데이터베이스에 마이그레이션 적용
-- Prisma Client 자동 재생성
-
-#### 방법 B: 개발 중 빠른 프로토타이핑 (데이터 손실 가능)
-```bash
-# 스키마 변경 후 즉시 적용 (마이그레이션 파일 생성 안 함)
-npm run db:push
-```
-
-⚠️ **주의**: `db:push`는 프로덕션 환경에서는 사용하지 마세요!
-
-### 2. Seed 데이터 재실행
-
-```bash
-# Seed 데이터 삽입
-npm run db:seed
-
-# 또는 마이그레이션 리셋 후 자동으로 seed 실행
-npm run db:migrate:reset
-```
-
-### 3. 전체 초기화 (개발 환경 전용)
-
-```bash
-# 데이터베이스 완전히 리셋 + 마이그레이션 재적용 + seed 실행
-npm run db:migrate:reset
-```
-
-⚠️ **주의**: 모든 데이터가 삭제됩니다!
-
-## 📦 프로덕션 환경 워크플로우
-
-### 1. 마이그레이션 배포
-
-```bash
-# 생성된 마이그레이션 파일들을 프로덕션 DB에 적용
-npm run db:migrate:deploy
-```
-
-이 명령어는:
-- 마이그레이션 파일만 적용 (새로운 마이그레이션 생성 안 함)
-- 안전하게 프로덕션에 적용 가능
-
-### 2. Prisma Client 재생성
-
-```bash
-npm run db:generate
-```
-
-## 🔄 일반적인 워크플로우 시나리오
-
-### 시나리오 1: 새로운 필드 추가
-
-```bash
-# 1. schema.prisma에 필드 추가
-# 예: model User { ... newField String? }
-
-# 2. 마이그레이션 생성 및 적용
-npm run db:migrate --name add_new_field
-
-# 3. (선택) Seed 데이터 업데이트 필요 시
-npm run db:seed
-```
-
-### 시나리오 2: 관계 추가/변경
-
-```bash
-# 1. schema.prisma에 관계 추가
-# 2. 마이그레이션 생성
-npm run db:migrate --name add_relation
-
-# 3. 기존 데이터 마이그레이션 필요 시 수동으로 처리
-```
-
-### 시나리오 3: 개발 중 스키마 실험
-
-```bash
-# 빠르게 스키마 변경 테스트 (마이그레이션 파일 생성 안 함)
-npm run db:push
-
-# 만족스러우면 마이그레이션 생성
-npm run db:migrate --name experimental_changes
-```
-
-## 🛠️ 유용한 명령어
-
-### Prisma Studio (데이터베이스 GUI)
-
-```bash
-npm run db:studio
-```
-
-브라우저에서 데이터베이스를 시각적으로 확인하고 편집할 수 있습니다.
-
-### 기존 데이터베이스에서 스키마 가져오기
-
-```bash
-npm run db:pull
-```
-
-기존 데이터베이스 구조를 분석하여 `schema.prisma`를 생성합니다.
-
-## 📝 마이그레이션 파일 관리
-
-- 마이그레이션 파일은 `prisma/migrations/` 폴더에 저장됩니다
-- 각 마이그레이션은 타임스탬프와 이름으로 식별됩니다
-- 마이그레이션 파일은 Git에 커밋해야 합니다
-- 팀원들과 마이그레이션을 공유하여 동일한 스키마를 유지합니다
-
-## ⚠️ 주의사항
-
-1. **프로덕션 환경**에서는 절대 `db:push`나 `db:migrate:reset`을 사용하지 마세요
-2. **마이그레이션 파일**은 항상 Git에 커밋하세요
-3. **스키마 변경 전**에 백업을 권장합니다
-4. **Seed 데이터**는 개발 환경에서만 사용하세요
-
-## 🔍 문제 해결
-
-### 마이그레이션 충돌 시
-
-```bash
-# 마이그레이션 상태 확인
-npx prisma migrate status
-
-# 문제 해결 후
-npm run db:migrate:resolve
-```
-
-### Prisma Client가 최신이 아닐 때
-
-```bash
-npm run db:generate
-```
-
-## 📚 추가 리소스
-
-- [Prisma 마이그레이션 가이드](https://www.prisma.io/docs/concepts/components/prisma-migrate)
-- [Prisma CLI 참조](https://www.prisma.io/docs/reference/api-reference/command-reference)
-

prisma/schema.prisma

@@ -1,313 +0,0 @@
-// This is your Prisma schema file,
-// learn more about it in the docs: https://pris.ly/d/prisma-schema
-
-// Looking for ways to speed up your queries, or scale easily with your serverless or edge functions?
-// Try Prisma Accelerate: https://pris.ly/cli/accelerate-init
-
-generator client {
-  provider = "prisma-client-js"
-}
-
-datasource db {
-  provider = "postgresql"
-  url      = env("DATABASE_URL")
-}
-
-// ============================================
-// 사용자 관련 모델
-// ============================================
-
-/// 사용자 (User)
-/// 권한 설정 페이지, 로그인/회원가입에서 사용
-model User {
-  id        String   @id @default(uuid())
-  email     String   @unique // 이메일 (아이디로 사용)
-  password  String   // 비밀번호 (해시화되어 저장)
-  name      String   // 성명
-  phone     String?  // 휴대폰 번호
-  gender    String?  // 성별 (M/F)
-  birthdate DateTime? // 생년월일
-  role      UserRole @default(LEARNER) // 권한: 학습자, 관리자
-  status    UserStatus @default(ACTIVE) // 계정 상태: 활성화, 비활성화
-  joinDate  DateTime @default(now()) // 가입일
-  
-  // 관계
-  createdCourses Course[] @relation("CourseCreator")
-  instructedCourses Course[] @relation("CourseInstructor")
-  createdLessons Lesson[] @relation("LessonCreator")
-  createdNotices Notice[] @relation("NoticeWriter")
-  enrollments    Enrollment[] // 수강 등록
-  certificates   Certificate[] // 수료증
-  logs           Log[] // 로그 기록
-  
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-
-  @@index([email])
-  @@index([role])
-  @@index([status])
-  @@map("users")
-}
-
-enum UserRole {
-  LEARNER    // 학습자
-  ADMIN      // 관리자 (강사 권한 포함)
-}
-
-enum UserStatus {
-  ACTIVE   // 활성화
-  INACTIVE // 비활성화
-}
-
-// ============================================
-// 교육과정 관련 모델
-// ============================================
-
-/// 교육과정 (Course)
-/// 교육과정 관리 페이지에서 사용
-model Course {
-  id            String   @id @default(uuid())
-  courseName    String   // 교육과정명
-  instructorId  String   // 강사 ID (User의 ADMIN 역할)
-  instructor    User     @relation("CourseInstructor", fields: [instructorId], references: [id])
-  createdById   String   // 등록자 ID
-  createdBy     User     @relation("CourseCreator", fields: [createdById], references: [id])
-  createdAt     DateTime @default(now()) // 생성일
-  
-  // 관계
-  lessons       Lesson[] // 강좌 목록
-  
-  updatedAt     DateTime @updatedAt
-
-  @@index([instructorId])
-  @@index([createdById])
-  @@index([createdAt])
-  @@map("courses")
-}
-
-/// 강좌 (Lesson)
-/// 강좌 관리 페이지에서 사용
-model Lesson {
-  id            String   @id @default(uuid())
-  courseId      String   // 교육과정 ID
-  course        Course   @relation(fields: [courseId], references: [id], onDelete: Cascade)
-  lessonName    String   // 강좌명
-  learningGoal  String?  @db.Text // 학습 목표 (최대 1000자)
-  createdById   String   // 등록자 ID
-  createdBy     User     @relation("LessonCreator", fields: [createdById], references: [id])
-  createdAt     DateTime @default(now()) // 등록일
-  
-  // 관계
-  videos        LessonVideo[] // 강좌 영상
-  vrContents    LessonVRContent[] // VR 콘텐츠
-  questions     Question[] // 학습 평가 문제
-  attachments   LessonAttachment[] // 첨부파일
-  enrollments   Enrollment[] // 수강 등록
-  
-  updatedAt     DateTime @updatedAt
-
-  @@index([courseId])
-  @@index([createdById])
-  @@index([createdAt])
-  @@map("lessons")
-}
-
-/// 강좌 영상 (LessonVideo)
-/// 강좌 등록 시 첨부되는 영상 파일 (최대 10개, 30MB 미만)
-model LessonVideo {
-  id          String   @id @default(uuid())
-  lessonId    String   // 강좌 ID
-  lesson      Lesson   @relation(fields: [lessonId], references: [id], onDelete: Cascade)
-  fileName    String   // 파일명
-  filePath    String   // 파일 저장 경로
-  fileSize    Int      // 파일 크기 (bytes)
-  order       Int      // 순서
-  createdAt   DateTime @default(now())
-  
-  @@index([lessonId])
-  @@map("lesson_videos")
-}
-
-/// VR 콘텐츠 (LessonVRContent)
-/// 강좌 등록 시 첨부되는 VR 콘텐츠 파일 (최대 10개, 30MB 미만)
-model LessonVRContent {
-  id          String   @id @default(uuid())
-  lessonId    String   // 강좌 ID
-  lesson      Lesson   @relation(fields: [lessonId], references: [id], onDelete: Cascade)
-  fileName    String   // 파일명
-  filePath    String   // 파일 저장 경로
-  fileSize    Int      // 파일 크기 (bytes)
-  order       Int      // 순서
-  createdAt   DateTime @default(now())
-  
-  @@index([lessonId])
-  @@map("lesson_vr_contents")
-}
-
-/// 강좌 첨부파일 (LessonAttachment)
-/// 강좌 관련 기타 첨부파일
-model LessonAttachment {
-  id          String   @id @default(uuid())
-  lessonId    String   // 강좌 ID
-  lesson      Lesson   @relation(fields: [lessonId], references: [id], onDelete: Cascade)
-  fileName    String   // 파일명
-  filePath    String   // 파일 저장 경로
-  fileSize    Int      // 파일 크기 (bytes)
-  createdAt   DateTime @default(now())
-  
-  @@index([lessonId])
-  @@map("lesson_attachments")
-}
-
-// ============================================
-// 학습 평가 관련 모델
-// ============================================
-
-/// 문제 (Question)
-/// 문제 은행 페이지에서 사용, 강좌별 학습 평가 문제
-model Question {
-  id          String   @id @default(uuid())
-  lessonId    String?  // 강좌 ID (선택적, 문제 은행에만 있을 수도 있음)
-  lesson      Lesson?  @relation(fields: [lessonId], references: [id], onDelete: SetNull)
-  question    String   @db.Text // 문제 내용
-  type        QuestionType @default(MULTIPLE_CHOICE) // 문제 유형
-  options     Json?    // 선택지 (객관식인 경우)
-  correctAnswer String @db.Text // 정답
-  explanation String?  @db.Text // 해설
-  points      Int      @default(1) // 배점
-  createdAt   DateTime @default(now())
-  updatedAt   DateTime @updatedAt
-  
-  @@index([lessonId])
-  @@map("questions")
-}
-
-enum QuestionType {
-  MULTIPLE_CHOICE // 객관식
-  SHORT_ANSWER    // 단답형
-  ESSAY           // 서술형
-}
-
-// ============================================
-// 공지사항 관련 모델
-// ============================================
-
-/// 공지사항 (Notice)
-/// 공지사항 관리 페이지에서 사용
-model Notice {
-  id            String   @id @default(uuid())
-  title         String   // 제목
-  content       String   @db.Text // 내용 (최대 1000자)
-  writerId      String   // 작성자 ID
-  writer        User     @relation("NoticeWriter", fields: [writerId], references: [id])
-  views         Int      @default(0) // 조회수
-  hasAttachment Boolean  @default(false) // 첨부파일 여부
-  date          DateTime @default(now()) // 게시일
-  
-  // 관계
-  attachment    NoticeAttachment? // 첨부파일
-  
-  createdAt     DateTime @default(now())
-  updatedAt     DateTime @updatedAt
-
-  @@index([writerId])
-  @@index([date])
-  @@map("notices")
-}
-
-/// 공지사항 첨부파일 (NoticeAttachment)
-/// 공지사항에 첨부되는 파일 (최대 1개, 30MB 미만)
-model NoticeAttachment {
-  id          String   @id @default(uuid())
-  noticeId    String   @unique // 공지사항 ID
-  notice      Notice   @relation(fields: [noticeId], references: [id], onDelete: Cascade)
-  fileName    String   // 파일명
-  filePath    String   // 파일 저장 경로
-  fileSize    Int      // 파일 크기 (bytes)
-  createdAt   DateTime @default(now())
-  
-  @@map("notice_attachments")
-}
-
-// ============================================
-// 학습 자료 관련 모델
-// ============================================
-
-/// 학습 자료 (Resource)
-/// 학습 자료실 페이지에서 사용
-model Resource {
-  id          String   @id @default(uuid())
-  title       String   // 제목
-  description String?  @db.Text // 설명
-  filePath    String?  // 파일 경로 (파일이 있는 경우)
-  fileName    String?  // 파일명
-  fileSize    Int?     // 파일 크기 (bytes)
-  category    String?  // 카테고리
-  views       Int      @default(0) // 조회수
-  createdAt   DateTime @default(now())
-  updatedAt   DateTime @updatedAt
-  
-  @@index([category])
-  @@index([createdAt])
-  @@map("resources")
-}
-
-// ============================================
-// 수강 및 수료 관련 모델
-// ============================================
-
-/// 수강 등록 (Enrollment)
-/// 사용자가 강좌를 수강하는 관계
-model Enrollment {
-  id          String   @id @default(uuid())
-  userId      String   // 사용자 ID
-  user        User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-  lessonId    String   // 강좌 ID
-  lesson      Lesson   @relation(fields: [lessonId], references: [id], onDelete: Cascade)
-  progress    Int      @default(0) // 학습 진행률 (0-100)
-  completedAt DateTime? // 완료일
-  enrolledAt  DateTime @default(now()) // 등록일
-  
-  @@unique([userId, lessonId])
-  @@index([userId])
-  @@index([lessonId])
-  @@map("enrollments")
-}
-
-/// 수료증 (Certificate)
-/// 수료증 발급/검증키 관리 페이지에서 사용
-model Certificate {
-  id          String   @id @default(uuid())
-  userId      String   // 사용자 ID
-  user        User     @relation(fields: [userId], references: [id], onDelete: Cascade)
-  lessonId    String?  // 강좌 ID (강좌 완료 시 발급)
-  courseId    String?  // 교육과정 ID (과정 완료 시 발급)
-  verificationKey String @unique // 검증 키
-  issuedAt    DateTime @default(now()) // 발급일
-  
-  @@index([userId])
-  @@index([verificationKey])
-  @@map("certificates")
-}
-
-// ============================================
-// 로그 관련 모델
-// ============================================
-
-/// 로그 (Log)
-/// 로그/접속 기록 페이지에서 사용
-model Log {
-  id          String   @id @default(uuid())
-  userId      String?  // 사용자 ID (로그인한 경우)
-  user        User?    @relation(fields: [userId], references: [id], onDelete: SetNull)
-  action      String   // 액션 (예: LOGIN, LOGOUT, VIEW_LESSON, etc.)
-  ipAddress   String?  // IP 주소
-  userAgent   String?  // User Agent
-  details     Json?    // 추가 상세 정보
-  createdAt   DateTime @default(now()) // 기록 시간
-  
-  @@index([userId])
-  @@index([action])
-  @@index([createdAt])
-  @@map("logs")
-}

prisma/seed.ts

@@ -1,205 +0,0 @@
-import { PrismaClient, UserRole, UserStatus } from '@prisma/client';
-
-const prisma = new PrismaClient();
-
-// 간단한 비밀번호 해시 함수 (실제 프로덕션에서는 bcrypt 사용 권장)
-function hashPassword(password: string): string {
-  // 개발 환경용 간단한 해시 (실제로는 bcrypt 사용)
-  // 모든 사용자의 기본 비밀번호는 "password123"으로 설정
-  return '$2a$10$placeholder_hash_for_development_only';
-}
-
-async function main() {
-  console.log('🌱 Seeding database...');
-
-  // 1. 사용자 데이터 생성
-  const mockUsers = [
-    { 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" },
-  ];
-
-  // 사용자 생성 및 ID 매핑 저장
-  const userMap = new Map<string, string>();
-  
-  for (const userData of mockUsers) {
-    const role = userData.role === 'instructor' ? UserRole.ADMIN : 
-                 userData.role === 'admin' ? UserRole.ADMIN : 
-                 UserRole.LEARNER;
-    const status = userData.status === 'active' ? UserStatus.ACTIVE : UserStatus.INACTIVE;
-    
-    const user = await prisma.user.upsert({
-      where: { email: userData.email },
-      update: {},
-      create: {
-        email: userData.email,
-        password: hashPassword('password123'), // 기본 비밀번호
-        name: userData.name,
-        role,
-        status,
-        joinDate: new Date(userData.joinDate),
-      },
-    });
-    
-    userMap.set(userData.id, user.id);
-  }
-
-  console.log(`✅ Created ${userMap.size} users`);
-
-  // 관리자 계정 찾기 (공지사항 작성자용)
-  const adminUsers = await prisma.user.findMany({
-    where: { role: UserRole.ADMIN, status: UserStatus.ACTIVE },
-  });
-  const defaultAdmin = adminUsers[0];
-
-  // 2. 교육과정 데이터 생성
-  const mockCourses = [
-    { id: "1", courseName: "웹 개발 기초", instructorName: "최예준", createdAt: "2024-01-15", createdBy: "관리자" },
-    { id: "2", courseName: "React 실전 프로젝트", instructorName: "정시우", createdAt: "2024-02-20", createdBy: "관리자" },
-    { id: "3", courseName: "데이터베이스 설계", instructorName: "임건우", createdAt: "2024-03-10", createdBy: "관리자" },
-    { id: "4", courseName: "Node.js 백엔드 개발", instructorName: "송윤서", createdAt: "2024-03-25", createdBy: "관리자" },
-    { id: "5", courseName: "TypeScript 마스터", instructorName: "김민수", createdAt: "2024-04-05", createdBy: "관리자" },
-    { id: "6", courseName: "UI/UX 디자인 기초", instructorName: "정대현", createdAt: "2024-04-18", createdBy: "관리자" },
-    { id: "7", courseName: "모바일 앱 개발", instructorName: "최예준", createdAt: "2024-05-02", createdBy: "관리자" },
-    { id: "8", courseName: "클라우드 인프라", instructorName: "정시우", createdAt: "2024-05-15", createdBy: "관리자" },
-    { id: "9", courseName: "머신러닝 입문", instructorName: "임건우", createdAt: "2024-06-01", createdBy: "관리자" },
-    { id: "10", courseName: "DevOps 실무", instructorName: "송윤서", createdAt: "2024-06-20", createdBy: "관리자" },
-  ];
-
-  const courseMap = new Map<string, string>();
-
-  for (const courseData of mockCourses) {
-    // 강사 이름으로 사용자 찾기
-    const instructor = await prisma.user.findFirst({
-      where: { name: courseData.instructorName, role: UserRole.ADMIN },
-    });
-
-    if (!instructor) {
-      console.warn(`⚠️  Instructor not found: ${courseData.instructorName}`);
-      continue;
-    }
-
-    const course = await prisma.course.create({
-      data: {
-        courseName: courseData.courseName,
-        instructorId: instructor.id,
-        createdById: defaultAdmin?.id || instructor.id,
-        createdAt: new Date(courseData.createdAt),
-      },
-    });
-
-    courseMap.set(courseData.id, course.id);
-  }
-
-  console.log(`✅ Created ${courseMap.size} courses`);
-
-  // 3. 공지사항 데이터 생성
-  const mockNotices = [
-    {
-      id: 2,
-      title: '공지사항 제목이 노출돼요',
-      date: '2025-09-10',
-      views: 1230,
-      writer: '문지호',
-      content: [
-        '사이트 이용 관련 주요 변경 사항을 안내드립니다.',
-        '변경되는 내용은 공지일자로부터 즉시 적용됩니다.',
-      ],
-    },
-    {
-      id: 1,
-      title: '📢 방사선학 온라인 강의 수강 안내 및 필수 공지',
-      date: '2025-06-28',
-      views: 594,
-      writer: '문지호',
-      hasAttachment: true,
-      content: [
-        '온라인 강의 수강 방법과 필수 확인 사항을 안내드립니다.',
-        '수강 기간 및 출석, 과제 제출 관련 정책을 반드시 확인해 주세요.',
-      ],
-    },
-  ];
-
-  // 공지사항 작성자 찾기 또는 생성
-  let noticeWriter = await prisma.user.findFirst({
-    where: { name: '문지호' },
-  });
-
-  if (!noticeWriter) {
-    noticeWriter = await prisma.user.create({
-      data: {
-        email: 'munjih@example.com',
-        password: hashPassword('password123'),
-        name: '문지호',
-        role: UserRole.ADMIN,
-        status: UserStatus.ACTIVE,
-      },
-    });
-  }
-
-  for (const noticeData of mockNotices) {
-    const notice = await prisma.notice.create({
-      data: {
-        title: noticeData.title,
-        content: noticeData.content?.join('\n') || '',
-        writerId: noticeWriter.id,
-        views: noticeData.views,
-        hasAttachment: noticeData.hasAttachment || false,
-        date: new Date(noticeData.date),
-      },
-    });
-
-    // 첨부파일이 있는 경우
-    if (noticeData.hasAttachment) {
-      await prisma.noticeAttachment.create({
-        data: {
-          noticeId: notice.id,
-          fileName: '공지사항_첨부파일.pdf',
-          filePath: '/uploads/notices/sample.pdf',
-          fileSize: 1024000, // 1MB
-        },
-      });
-    }
-  }
-
-  console.log(`✅ Created ${mockNotices.length} notices`);
-
-  console.log('🎉 Seeding completed!');
-}
-
-main()
-  .catch((e) => {
-    console.error('❌ Error seeding database:', e);
-    process.exit(1);
-  })
-  .finally(async () => {
-    await prisma.$disconnect();
-  });
-

src/app/NavBar.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import MainLogoSvg from "./svgs/mainlogosvg";
 import ChevronDownSvg from "./svgs/chevrondownsvg";
 
@@ -14,6 +14,7 @@ const NAV_ITEMS = [
 
 export default function NavBar() {
   const pathname = usePathname();
+  const router = useRouter();
   const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
   const [userName, setUserName] = useState<string>('');
   const userMenuRef = useRef<HTMLDivElement | null>(null);
@@ -21,18 +22,35 @@ export default function NavBar() {
   const hideCenterNav = /^\/[^/]+\/review$/.test(pathname);
   const isAdminPage = pathname.startsWith('/admin');
 
-  // 사용자 정보 가져오기
+  // 사용자 정보 가져오기 및 비활성화 계정 체크
   useEffect(() => {
     let isMounted = true;
 
     async function fetchUserInfo() {
       try {
-        const token = localStorage.getItem('token');
+        // localStorage와 쿠키 모두에서 토큰 확인
+        const localStorageToken = localStorage.getItem('token');
+        const cookieToken = document.cookie
+          .split('; ')
+          .find(row => row.startsWith('token='))
+          ?.split('=')[1];
+        
+        const token = localStorageToken || cookieToken;
+        
         if (!token) {
           return;
         }
 
-        const response = await fetch('https://hrdi.coconutmeet.net/auth/me', {
+        // localStorage에 토큰이 없고 쿠키에만 있으면 localStorage에도 저장 (동기화)
+        if (!localStorageToken && cookieToken) {
+          localStorage.setItem('token', cookieToken);
+        }
+
+        const apiUrl = process.env.NEXT_PUBLIC_API_BASE_URL 
+          ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/auth/me`
+          : 'https://hrdi.coconutmeet.net/auth/me';
+
+        const response = await fetch(apiUrl, {
           method: 'GET',
           headers: {
             'Content-Type': 'application/json',
@@ -44,11 +62,30 @@ export default function NavBar() {
           if (response.status === 401) {
             // 토큰이 만료되었거나 유효하지 않은 경우
             localStorage.removeItem('token');
+            document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+            // 로그인 페이지가 아닐 때만 리다이렉트
+            if (isMounted && pathname !== '/login') {
+              router.push('/login');
+            }
           }
           return;
         }
 
         const data = await response.json();
+        
+        // 계정 상태 확인
+        const userStatus = data.status || data.userStatus;
+        if (userStatus === 'INACTIVE' || userStatus === 'inactive') {
+          // 비활성화된 계정인 경우 로그아웃 처리
+          localStorage.removeItem('token');
+          document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+          // 로그인 페이지가 아닐 때만 리다이렉트
+          if (isMounted && pathname !== '/login') {
+            router.push('/login');
+          }
+          return;
+        }
+
         if (isMounted && data.name) {
           setUserName(data.name);
         }
@@ -62,7 +99,7 @@ export default function NavBar() {
     return () => {
       isMounted = false;
     };
-  }, []);
+  }, [router, pathname]);
 
   useEffect(() => {
     if (!isUserMenuOpen) return;
@@ -118,9 +155,21 @@ export default function NavBar() {
               <Link href="/menu/account" className="px-4 py-2 text-[16px] font-semibold text-white">
                 내 정보
               </Link>
-              <Link href="/login" className="px-4 py-2 text-[16px] font-semibold text-white ">
+              <button
+                type="button"
+                onClick={() => {
+                  // 로컬 스토리지에서 토큰 제거
+                  localStorage.removeItem('token');
+                  localStorage.removeItem('user');
+                  // 쿠키에서 토큰 제거
+                  document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+                  // 로그인 페이지로 리다이렉트
+                  window.location.href = '/login';
+                }}
+                className="px-4 py-2 text-[16px] font-semibold text-white cursor-pointer"
+              >
                 로그아웃
-              </Link>
+              </button>
             </>
           ) : (
             <>

src/app/admin/courses/CourseRegistrationModal.tsx

@@ -24,10 +24,27 @@ export default function CourseRegistrationModal({ open, onClose, onSave, onDelet
   const modalRef = useRef<HTMLDivElement>(null);
 
   // 강사 목록 가져오기
-  // TODO: 나중에 DB에서 가져오도록 변경 시 async/await 사용
+  const [instructors, setInstructors] = useState<UserRow[]>([]);
-  // 예: const [instructors, setInstructors] = useState<UserRow[]>([]);
+  const [isLoadingInstructors, setIsLoadingInstructors] = useState(false);
-  //     useEffect(() => { getInstructors().then(setInstructors); }, []);
+  
-  const instructors = useMemo(() => getInstructors(), []);
+  useEffect(() => {
+    async function loadInstructors() {
+      setIsLoadingInstructors(true);
+      try {
+        const data = await getInstructors();
+        setInstructors(data);
+      } catch (error) {
+        console.error('강사 목록 로드 오류:', error);
+        setInstructors([]);
+      } finally {
+        setIsLoadingInstructors(false);
+      }
+    }
+    
+    if (open) {
+      loadInstructors();
+    }
+  }, [open]);
   
   // 선택된 강사 정보
   const selectedInstructor = useMemo(() => {

src/app/admin/courses/mockData.ts

@@ -1,5 +1,3 @@
-import { getInstructors } from "@/app/admin/id/mockData";
-
 export type Course = {
   id: string;
   courseName: string;
@@ -12,17 +10,22 @@ export type Course = {
 // TODO: 나중에 DB에서 가져오도록 변경
 export const MOCK_CURRENT_USER = "관리자"; // 현재 로그인한 사용자 이름
 
-// 강사 목록 가져오기
-const instructors = getInstructors();
-const instructorNames = instructors.map(instructor => instructor.name);
-
 // TODO: 이 부분도 나중에는 db에서 받아오도록 변경 예정
-// 임시 데이터 - 강사명은 mockData.ts의 강사 데이터 활용
+// 임시 데이터 - 기본 강사명 목록 (getInstructors는 async이므로 모듈 레벨에서 사용 불가)
+const defaultInstructorNames = [
+  "최예준",
+  "정시우",
+  "임건우",
+  "송윤서",
+  "김민수",
+  "정대현",
+];
+
 export const MOCK_COURSES: Course[] = [
   {
     id: "1",
     courseName: "웹 개발 기초",
-    instructorName: instructorNames[0] || "최예준",
+    instructorName: defaultInstructorNames[0] || "최예준",
     createdAt: "2024-01-15",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -30,7 +33,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "2",
     courseName: "React 실전 프로젝트",
-    instructorName: instructorNames[1] || "정시우",
+    instructorName: defaultInstructorNames[1] || "정시우",
     createdAt: "2024-02-20",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -38,7 +41,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "3",
     courseName: "데이터베이스 설계",
-    instructorName: instructorNames[2] || "임건우",
+    instructorName: defaultInstructorNames[2] || "임건우",
     createdAt: "2024-03-10",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -46,7 +49,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "4",
     courseName: "Node.js 백엔드 개발",
-    instructorName: instructorNames[3] || "송윤서",
+    instructorName: defaultInstructorNames[3] || "송윤서",
     createdAt: "2024-03-25",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -54,7 +57,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "5",
     courseName: "TypeScript 마스터",
-    instructorName: instructorNames[4] || "김민수",
+    instructorName: defaultInstructorNames[4] || "김민수",
     createdAt: "2024-04-05",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -62,7 +65,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "6",
     courseName: "UI/UX 디자인 기초",
-    instructorName: instructorNames[5] || "정대현",
+    instructorName: defaultInstructorNames[5] || "정대현",
     createdAt: "2024-04-18",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -70,7 +73,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "7",
     courseName: "모바일 앱 개발",
-    instructorName: instructorNames[0] || "최예준",
+    instructorName: defaultInstructorNames[0] || "최예준",
     createdAt: "2024-05-02",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -78,7 +81,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "8",
     courseName: "클라우드 인프라",
-    instructorName: instructorNames[1] || "정시우",
+    instructorName: defaultInstructorNames[1] || "정시우",
     createdAt: "2024-05-15",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -86,7 +89,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "9",
     courseName: "머신러닝 입문",
-    instructorName: instructorNames[2] || "임건우",
+    instructorName: defaultInstructorNames[2] || "임건우",
     createdAt: "2024-06-01",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,
@@ -94,7 +97,7 @@ export const MOCK_COURSES: Course[] = [
   {
     id: "10",
     courseName: "DevOps 실무",
-    instructorName: instructorNames[3] || "송윤서",
+    instructorName: defaultInstructorNames[3] || "송윤서",
     createdAt: "2024-06-20",
     createdBy: MOCK_CURRENT_USER,
     hasLessons: false,

src/app/admin/id/mockData.ts

@@ -10,48 +10,115 @@ export type UserRow = {
   status: AccountStatus;
 };
 
-// 임시 데이터
+// 더미 데이터 제거됨 - 이제 API에서 데이터를 가져옵니다
-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" },
-];
 
-// 강사 목록 가져오기 함수 export
+// 강사 목록 가져오기 함수 - API에서 가져오기
-// TODO: 나중에 DB에서 가져오도록 변경 예정
+export async function getInstructors(): Promise<UserRow[]> {
-// 예: export async function getInstructors(): Promise<UserRow[]> {
+  try {
-//     const response = await fetch('/api/instructors');
+    const token = typeof window !== 'undefined' 
-//     return response.json();
+      ? (localStorage.getItem('token') || document.cookie
-//   }
+          .split('; ')
-export function getInstructors(): UserRow[] {
+          .find(row => row.startsWith('token='))
-  // 현재는 mock 데이터 사용, 나중에 DB에서 가져오도록 변경
+          ?.split('=')[1])
-  return mockUsers.filter(user => user.role === 'instructor' && user.status === 'active');
+      : 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 [];
+  }
 }
 

src/app/admin/id/page.tsx

@@ -2,9 +2,8 @@
 
 import { useState, useEffect, useRef, useMemo } from "react";
 import AdminSidebar from "@/app/components/AdminSidebar";
-import DropdownIcon from "@/app/svgs/dropdownicon";
 import ChevronDownSvg from "@/app/svgs/chevrondownsvg";
-import { mockUsers, type UserRow } from "./mockData";
+import { type UserRow } from "./mockData";
 
 type TabType = 'all' | 'learner' | 'instructor' | 'admin';
 type RoleType = 'learner' | 'instructor' | 'admin';
@@ -24,7 +23,9 @@ const statusLabels: Record<AccountStatus, string> = {
 
 export default function AdminIdPage() {
   const [activeTab, setActiveTab] = useState<TabType>('all');
-  const [users, setUsers] = useState<UserRow[]>(mockUsers);
+  const [users, setUsers] = useState<UserRow[]>([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
   const [openDropdownId, setOpenDropdownId] = useState<string | null>(null);
   const [isActivateModalOpen, setIsActivateModalOpen] = useState(false);
   const [isDeactivateModalOpen, setIsDeactivateModalOpen] = useState(false);
@@ -32,10 +33,112 @@ export default function AdminIdPage() {
   const [showToast, setShowToast] = useState(false);
   const [toastMessage, setToastMessage] = useState('');
   const [currentPage, setCurrentPage] = useState(1);
+  const [deactivateReason, setDeactivateReason] = useState('');
   const dropdownRefs = useRef<{ [key: string]: HTMLDivElement | null }>({});
 
   const ITEMS_PER_PAGE = 10;
 
+  // API에서 사용자 데이터 가져오기
+  useEffect(() => {
+    async function fetchUsers() {
+      try {
+        setIsLoading(true);
+        setError(null);
+        
+        const token = localStorage.getItem('token') || document.cookie
+          .split('; ')
+          .find(row => row.startsWith('token='))
+          ?.split('=')[1];
+
+        // 외부 API 호출
+        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';
+        
+        const response = await fetch(apiUrl, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+            ...(token && { Authorization: `Bearer ${token}` }),
+          },
+        });
+
+        if (!response.ok) {
+          throw new Error(`사용자 데이터를 가져오는데 실패했습니다. (${response.status})`);
+        }
+
+        const data = await response.json();
+        
+        // API 응답이 배열이 아닌 경우 처리 (예: { items: [...] } 형태)
+        let usersArray: any[] = [];
+        if (Array.isArray(data)) {
+          usersArray = data;
+        } else if (data && typeof data === 'object') {
+          usersArray = data.items || data.users || data.data || data.list || [];
+        }
+        
+        // API 응답 데이터를 UserRow 형식으로 변환
+        const transformedUsers: UserRow[] = usersArray.length > 0
+          ? usersArray.map((user: any) => {
+              // 가입일을 YYYY-MM-DD 형식으로 변환
+              const formatDate = (dateString: string | null | undefined): string => {
+                if (!dateString) return new Date().toISOString().split('T')[0];
+                try {
+                  const date = new Date(dateString);
+                  return date.toISOString().split('T')[0];
+                } catch {
+                  return new Date().toISOString().split('T')[0];
+                }
+              };
+              
+              // 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);
+              };
+              
+              // status가 "ACTIVE"이면 활성화, 아니면 비활성화
+              const accountStatus: AccountStatus = 
+                user.status === 'ACTIVE' || user.status === 'active' ? 'active' : 'inactive';
+              
+              // role 데이터 처리 (API에서 role이 없을 수 있음)
+              let userRole: RoleType = 'learner'; // 기본값
+              if (user.role) {
+                const roleLower = String(user.role).toLowerCase();
+                if (roleLower === 'instructor' || roleLower === '강사') {
+                  userRole = 'instructor';
+                } else if (roleLower === 'admin' || roleLower === '관리자') {
+                  userRole = 'admin';
+                } else {
+                  userRole = 'learner';
+                }
+              }
+              
+              return {
+                id: String(user.id || user.userId || Math.random()),
+                joinDate: formatDate(user.createdAt || user.joinDate || user.join_date),
+                name: getValue(user.name || user.userName, '-'),
+                email: getValue(user.email || user.userEmail, '-'),
+                role: userRole,
+                status: accountStatus,
+              };
+            })
+          : [];
+        
+        setUsers(transformedUsers);
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : '사용자 데이터를 불러오는 중 오류가 발생했습니다.';
+        setError(errorMessage);
+        console.error('사용자 데이터 로드 오류:', err);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+
+    fetchUsers();
+  }, []);
+
   const filteredUsers = useMemo(() => {
     return activeTab === 'all' 
       ? users 
@@ -105,8 +208,63 @@ export default function AdminIdPage() {
     setIsDeactivateModalOpen(true);
   }
 
-  function handleDeactivateConfirm() {
+  async function handleDeactivateConfirm() {
-    if (selectedUserId) {
+    if (!selectedUserId) {
+      setIsDeactivateModalOpen(false);
+      setSelectedUserId(null);
+      setDeactivateReason('');
+      return;
+    }
+
+    try {
+      const token = localStorage.getItem('token') || document.cookie
+        .split('; ')
+        .find(row => row.startsWith('token='))
+        ?.split('=')[1];
+
+      if (!token) {
+        setToastMessage('로그인이 필요합니다.');
+        setShowToast(true);
+        setTimeout(() => {
+          setShowToast(false);
+        }, 3000);
+        setIsDeactivateModalOpen(false);
+        setSelectedUserId(null);
+        setDeactivateReason('');
+        return;
+      }
+
+      const apiUrl = process.env.NEXT_PUBLIC_API_BASE_URL 
+        ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/admin/users/${selectedUserId}/unsuspend`
+        : `https://hrdi.coconutmeet.net/admin/users/${selectedUserId}/unsuspend`;
+
+      const response = await fetch(apiUrl, {
+        method: 'PATCH',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${token}`,
+        },
+        body: JSON.stringify({
+          reason: deactivateReason,
+        }),
+      });
+
+      if (!response.ok) {
+        let errorMessage = `계정 비활성화 실패 (${response.status})`;
+        try {
+          const errorData = await response.json();
+          if (errorData.error) {
+            errorMessage = errorData.error;
+          } else if (errorData.message) {
+            errorMessage = errorData.message;
+          }
+        } catch (parseError) {
+          // ignore
+        }
+        throw new Error(errorMessage);
+      }
+
+      // API 호출 성공 시 로컬 상태 업데이트
       setUsers(prevUsers => 
         prevUsers.map(user => 
           user.id === selectedUserId 
@@ -119,14 +277,25 @@ export default function AdminIdPage() {
       setTimeout(() => {
         setShowToast(false);
       }, 3000);
-    }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : '계정 비활성화 중 오류가 발생했습니다.';
+      setToastMessage(errorMessage);
+      setShowToast(true);
+      setTimeout(() => {
+        setShowToast(false);
+      }, 3000);
+      console.error('계정 비활성화 오류:', err);
+    } finally {
       setIsDeactivateModalOpen(false);
       setSelectedUserId(null);
+      setDeactivateReason('');
+    }
   }
 
   function handleDeactivateCancel() {
     setIsDeactivateModalOpen(false);
     setSelectedUserId(null);
+    setDeactivateReason('');
   }
 
   function toggleAccountStatus(userId: string) {
@@ -203,7 +372,19 @@ export default function AdminIdPage() {
 
             {/* 콘텐츠 영역 */}
             <div className="flex-1 pt-8 flex flex-col">
-              {filteredUsers.length === 0 ? (
+              {isLoading ? (
+                <div className="rounded-lg border border-[#dee1e6] bg-white min-h-[400px] flex items-center justify-center">
+                  <p className="text-[16px] font-medium leading-[1.5] text-[#333c47]">
+                    데이터를 불러오는 중...
+                  </p>
+                </div>
+              ) : error ? (
+                <div className="rounded-lg border border-[#dee1e6] bg-white min-h-[400px] flex items-center justify-center">
+                  <p className="text-[16px] font-medium leading-[1.5] text-[#f64c4c]">
+                    {error}
+                  </p>
+                </div>
+              ) : filteredUsers.length === 0 ? (
                 <div className="rounded-lg border border-[#dee1e6] bg-white min-h-[400px] flex items-center justify-center">
                   <p className="text-[16px] font-medium leading-[1.5] text-[#333c47]">
                     현재 관리할 수 있는 회원 계정이 없습니다.
@@ -215,19 +396,17 @@ export default function AdminIdPage() {
                     <div className="w-full rounded-[8px] border border-[#dee1e6] overflow-visible">
                       <table className="min-w-full border-collapse">
                         <colgroup>
-                          <col style={{ width: 140 }} />
+                          <col style={{ width: 200 }} />
                           <col />
                           <col />
-                          <col style={{ width: 120 }} />
+                          <col style={{ width: 150 }} />
-                          <col style={{ width: 120 }} />
+                          <col style={{ width: 150 }} />
-                          <col style={{ width: 120 }} />
                         </colgroup>
                         <thead>
                           <tr className="h-12 bg-gray-50 text-left">
                             <th className="border-r border-[#dee1e6] px-4 text-[14px] font-semibold leading-[1.5] text-[#4c5561]">가입일</th>
                             <th className="border-r border-[#dee1e6] px-4 text-[14px] font-semibold leading-[1.5] text-[#4c5561]">성명</th>
                             <th className="border-r border-[#dee1e6] px-4 text-[14px] font-semibold leading-[1.5] text-[#4c5561]">아이디(이메일)</th>
-                            <th className="border-r border-[#dee1e6] px-4 text-[14px] font-semibold leading-[1.5] text-[#4c5561]">권한설정</th>
                             <th className="border-r border-[#dee1e6] px-4 text-[14px] font-semibold leading-[1.5] text-[#4c5561]">계정상태</th>
                             <th className="px-4 text-center text-[14px] font-semibold leading-[1.5] text-[#4c5561]">계정관리</th>
                           </tr>
@@ -247,43 +426,6 @@ export default function AdminIdPage() {
                             <td className="border-t border-r border-[#dee1e6] px-4 text-[13px] leading-[1.5] text-[#1b2027] whitespace-nowrap">
                               {user.email}
                             </td>
-                            <td className="border-t border-r border-[#dee1e6] px-4 text-[13px] leading-[1.5] text-[#1b2027] whitespace-nowrap">
-                              <div className="relative flex items-center justify-between">
-                                <span>{roleLabels[user.role]}</span>
-                                <div 
-                                  ref={(el) => { dropdownRefs.current[user.id] = el; }}
-                                  className="relative"
-                                >
-                                  <button
-                                    type="button"
-                                    onClick={() => toggleDropdown(user.id)}
-                                    className="ml-2 flex items-center justify-center cursor-pointer hover:opacity-70 transition-opacity"
-                                  >
-                                    <DropdownIcon width={16} height={16} stroke="#8C95A1" />
-                                  </button>
-                                  {openDropdownId === user.id && (
-                                    <div className="absolute right-0 top-full mt-1 z-[100] min-w-[120px] bg-white border border-[#dee1e6] rounded-[4px] shadow-lg flex flex-col">
-                                      {(['learner', 'instructor', 'admin'] as RoleType[]).map((role) => (
-                                        <button
-                                          key={role}
-                                          type="button"
-                                          onClick={() => changeUserRole(user.id, role)}
-                                          className={[
-                                            "w-full px-4 py-2 text-left text-[14px] leading-[1.5] hover:bg-gray-50 transition-colors cursor-pointer",
-                                            user.role === role 
-                                              ? "text-[#1f2b91] font-semibold bg-[#ecf0ff]" 
-                                              : "text-[#1b2027]",
-                                            role !== 'admin' && "border-b border-[#dee1e6]"
-                                          ].join(" ")}
-                                        >
-                                          {roleLabels[role]}
-                                        </button>
-                                      ))}
-                                    </div>
-                                  )}
-                                </div>
-                              </div>
-                            </td>
                             <td className="border-t border-r border-[#dee1e6] px-4 text-[13px] leading-[1.5] text-[#1b2027] whitespace-nowrap">
                               {user.status === 'active' ? (
                                 <div className="inline-flex items-center justify-center h-[20px] px-[4px] rounded-[4px] bg-[#ecf0ff]">
@@ -460,6 +602,15 @@ export default function AdminIdPage() {
                 <br />
                 계정을 비활성화 처리하시겠습니까?
               </p>
+              <div className="w-full">
+                <input
+                  type="text"
+                  value={deactivateReason}
+                  onChange={(e) => setDeactivateReason(e.target.value)}
+                  placeholder="비활성화 사유를 입력해주세요"
+                  className="w-full h-[40px] px-[12px] rounded-[8px] border border-[#dee1e6] text-[14px] leading-[1.5] text-[#1b2027] placeholder:text-[#9ca3af] focus:outline-none focus:ring-2 focus:ring-[#1f2b91] focus:border-transparent"
+                />
+              </div>
             </div>
             <div className="flex gap-2 items-center justify-end">
               <button

src/app/admin/page.tsx

@@ -0,0 +1,6 @@
+import { redirect } from 'next/navigation';
+
+export default function AdminPage() {
+  redirect('/admin/id');
+}
+

src/app/login/page.tsx

@@ -39,7 +39,11 @@ export default function LoginPage() {
 		
 		if (savedToken && cookieToken && savedToken === cookieToken) {
 			// 토큰이 유효한지 확인
-			fetch('https://hrdi.coconutmeet.net/auth/me', {
+			const apiUrl = process.env.NEXT_PUBLIC_API_BASE_URL 
+				? `${process.env.NEXT_PUBLIC_API_BASE_URL}/auth/me`
+				: 'https://hrdi.coconutmeet.net/auth/me';
+
+			fetch(apiUrl, {
 				method: 'GET',
 				headers: {
 					'Content-Type': 'application/json',
@@ -48,10 +52,28 @@ export default function LoginPage() {
 			})
 				.then(response => {
 					if (response.ok) {
-						// 토큰이 유효하면 메인 페이지로 리다이렉트
+						return response.json().then(userData => {
+							// 계정 상태 확인
+							const userStatus = userData.status || userData.userStatus;
+							if (userStatus === 'INACTIVE' || userStatus === 'inactive') {
+								// 비활성화된 계정인 경우 로그아웃 처리
+								localStorage.removeItem('token');
+								document.cookie = 'token=; path=/; max-age=0';
+								return;
+							}
+
+							// 사용자 권한 확인
+							const userRole = userData.role || userData.userRole;
+							if (userRole === 'ADMIN' || userRole === 'admin') {
+								// admin 권한이면 /admin/id로 리다이렉트
+								router.push('/admin/id');
+							} else {
+								// 그 외의 경우 기존 로직대로 리다이렉트
 								const searchParams = new URLSearchParams(window.location.search);
 								const redirectPath = searchParams.get('redirect') || '/';
 								router.push(redirectPath);
+							}
+						});
 					} else {
 						// 토큰이 유효하지 않으면 삭제
 						localStorage.removeItem('token');
@@ -150,6 +172,30 @@ export default function LoginPage() {
 				// 토큰이 없어도 로그인은 성공했으므로 진행
 			}
 
+			// 사용자 정보 가져오기 (권한 확인을 위해)
+			try {
+				const userResponse = await fetch('https://hrdi.coconutmeet.net/auth/me', {
+					method: 'GET',
+					headers: {
+						'Content-Type': 'application/json',
+						Authorization: `Bearer ${token}`,
+					},
+				});
+
+				if (userResponse.ok) {
+					const userData = await userResponse.json();
+					const userRole = userData.role || userData.userRole;
+					
+					// admin 권한이면 /admin/id로 리다이렉트
+					if (userRole === 'ADMIN' || userRole === 'admin') {
+						router.push('/admin/id');
+						return;
+					}
+				}
+			} catch (error) {
+				console.error("사용자 정보 조회 오류:", error);
+				// 사용자 정보 조회 실패 시에도 기존 로직대로 진행
+			}
 
 			// 리다이렉트 경로 확인
 			const searchParams = new URLSearchParams(window.location.search);

src/app/menu/ChangePasswordModal.tsx

@@ -9,10 +9,11 @@ type Props = {
   onSubmit?: (payload: { email: string; code?: string; newPassword: string }) => void;
   showVerification?: boolean;
   devVerificationState?: 'initial' | 'sent' | 'verified' | 'failed';
+  initialEmail?: string;
 };
 
-export default function ChangePasswordModal({ open, onClose, onSubmit, showVerification = false, devVerificationState }: Props) {
+export default function ChangePasswordModal({ open, onClose, onSubmit, showVerification = false, devVerificationState, initialEmail }: Props) {
-  const [email, setEmail] = useState("xrlms2025@gmail.com");
+  const [email, setEmail] = useState(initialEmail || "");
   const [code, setCode] = useState("");
   const [newPassword, setNewPassword] = useState("");
   const [confirmPassword, setConfirmPassword] = useState("");
@@ -23,6 +24,13 @@ export default function ChangePasswordModal({ open, onClose, onSubmit, showVerif
   const [isVerified, setIsVerified] = useState(false);
   const hasError = !!error;
 
+  // initialEmail이 변경되면 email state 업데이트
+  useEffect(() => {
+    if (initialEmail) {
+      setEmail(initialEmail);
+    }
+  }, [initialEmail]);
+
   // 외부에서 전달된 개발모드 상태(devVerificationState)에 따라 UI 동기화
   useEffect(() => {
     if (!devVerificationState) return;

src/app/menu/account/page.tsx

@@ -30,7 +30,15 @@ export default function AccountPage() {
 
     async function fetchUserInfo() {
       try {
-        const token = localStorage.getItem('token');
+        // localStorage와 쿠키 모두에서 토큰 확인
+        const localStorageToken = localStorage.getItem('token');
+        const cookieToken = document.cookie
+          .split('; ')
+          .find(row => row.startsWith('token='))
+          ?.split('=')[1];
+        
+        const token = localStorageToken || cookieToken;
+        
         if (!token) {
           if (isMounted) {
             router.push('/login');
@@ -38,7 +46,16 @@ export default function AccountPage() {
           return;
         }
 
-        const response = await fetch('https://hrdi.coconutmeet.net/auth/me', {
+        // localStorage에 토큰이 없고 쿠키에만 있으면 localStorage에도 저장 (동기화)
+        if (!localStorageToken && cookieToken) {
+          localStorage.setItem('token', cookieToken);
+        }
+
+        const apiUrl = process.env.NEXT_PUBLIC_API_BASE_URL 
+          ? `${process.env.NEXT_PUBLIC_API_BASE_URL}/auth/me`
+          : 'https://hrdi.coconutmeet.net/auth/me';
+
+        const response = await fetch(apiUrl, {
           method: 'GET',
           headers: {
             'Content-Type': 'application/json',
@@ -154,6 +171,7 @@ export default function AccountPage() {
         devVerificationState={
           verificationState === 'changed' ? 'verified' : verificationState
         }
+        initialEmail={userInfo.email}
       />
 
       <MenuAccountOption