연구실 일정 관리 시스템

🌐 웹사이트 소개

Discord 연동 연구실 일정 관리 시스템은 연구실 구성원들이 효율적으로 일정을 관리하고 공유할 수 있는 통합 플랫폼입니다.

✨ 주요 기능

📋 일정 관리

• 직관적인 캘린더 뷰: 월별 달력으로 모든 일정을 한눈에 확인
• 다양한 일정 유형: 휴가, 미팅, 학회 등 카테고리별 색상 구분
• 상세 일정 정보: 시간, 참여자, 장소, 설명 등 완전한 일정 정보 관리

👥 사용자 관리

• Discord OAuth 로그인: 별도 회원가입 없이 Discord 계정으로 간편 로그인
• 역할 기반 권한: 관리자와 일반 사용자 구분으로 체계적인 권한 관리
• 자동 사용자 프로필: Discord 프로필 정보 자동 연동

🎛️ 관리자 기능

• 관리자 대시보드: 시스템 전체 현황과 분석 정보 제공
• 일정 생성/수정/삭제: 모든 일정에 대한 완전한 관리 권한
• 사용자 관리: 구성원 정보 조회 및 권한 관리

🚀 사용 방법

1. 웹사이트 접속
2. Discord 로그인: "Discord로 로그인" 버튼 클릭
3. 일정 확인: 캘린더에서 원하는 날짜 클릭하여 일정 조회
4. 일정 관리: 관리자 권한이 있는 경우 일정 생성 및 수정 가능

---

🤖 Discord Bot 소개

일정 관리 Bot은 Discord 서버 내에서 직접 연구실 일정을 조회하고 관리할 수 있는 편리한 봇입니다.

⚡ 주요 기능

📅 일정 조회 (슬래시 명령어)

• /일정조회: 특정 날짜의 모든 일정을 깔끔한 테이블 형식으로 표시
• /내일정: 개인이 참여하는 일정만 필터링하여 조회
• /웹사이트접속: 자동 로그인 링크 생성으로 웹사이트 빠른 접속

🎨 시각적 표현

• 테이블 형식: 시간, 일정명, 참여자, 장소가 정렬된 깔끔한 표
• 이모지 아이콘: 일정 유형별 직관적인 아이콘 표시
• 자동 정렬: 시간순으로 자동 정렬된 일정 목록

🔔 알림 기능 (준비 중)

• 일정 리마인더: 설정한 시간 전 자동 알림 발송
• 개인 DM 알림: 참여자에게 개별 메시지 전송

🎯 사용 방법

기본 명령어

/일정조회

오늘 날짜의 모든 일정을 조회합니다.

/일정조회 날짜:2025-07-15

특정 날짜(2025년 7월 15일)의 일정을 조회합니다.

/내일정

내가 참여하는 모든 일정을 개인적으로 조회합니다.

/웹사이트접속

5분간 유효한 자동 로그인 링크를 생성합니다.

📊 출력 예시

┌─────────────┬──────────────┬───────────────────┬─────────────┐
│    시간     │   일정명     │      참여자       │    장소     │
├─────────────┼──────────────┼───────────────────┼─────────────┤
│ 09:00-10:00 │ 정기 미팅    │ 김교수, 이학생    │ 연구실      │
│ 14:00-16:00 │ 학회 발표    │ 박박사, 최연구원  │ 컨퍼런스홀  │
└─────────────┴──────────────┴───────────────────┴─────────────┘

---

🔧 기술 특징

• 실시간 동기화: 웹사이트와 Discord Bot 간 실시간 데이터 동기화
• 안전한 인증: Discord OAuth2를 통한 보안 강화된 로그인
• 반응형 디자인: 모바일과 데스크톱 모든 환경에서 최적화
• Docker 기반: 안정적이고 확장 가능한 컨테이너 환경

---

🛠️ 개발자 정보

프로젝트 구조

이 프로젝트는 Next.js 15 기반의 웹 애플리케이션으로, React 19, TypeScript, 그리고 Radix UI 컴포넌트를 사용합니다.

주요 기술 스택

• Frontend: Next.js 15, React 19, TypeScript, Tailwind CSS
• Backend: Next.js API Routes, PostgreSQL, Redis
• Authentication: NextAuth.js with Discord OAuth
• Bot: Discord.js
• Deployment: Docker Compose, Nginx

개발 명령어

• pnpm dev - 개발 서버 시작
• pnpm build - 프로덕션 빌드
• pnpm start - 프로덕션 서버 시작
• pnpm lint - Next.js 린팅

배포

# 개발 환경
./scripts/start-dev.sh

# 프로덕션 환경  
./scripts/start-prod.sh

---