🚀 세종대학교 바이오융합공학전공 홈페이지

🎓 세종대학교 바이오융합공학전공의 공식 웹사이트입니다.
학과 소개, 교수진 정보, 공지사항, 논문 검색, 세미나실 예약 등 다양한 기능을 제공합니다.

🌍 서비스 URI

🚀 🔗 세종대학교 바이오융합공학전공 홈페이지 바로가기

---

🎬 프로젝트 시연 영상

📢 주요 기능을 직접 확인해보세요!

🖥️ 주요 페이지

🖥️ 메인 페이지 및 뉴스 섹션 | 👨‍🏫 학과 섹션

🏛️ 대학 및 소식 섹션

🏛️ 대학 섹션 | 📅 바융 소식 섹션

---

**📌 프로젝트 이미지 **

📌 데스크탑 메인 | 📌 데스크탑 뉴스 | 📌 모바일 메인 | 📌 모바일 뉴스

📌 프로젝트 소개

🔹 본 프로젝트는 세종대학교 바이오융합공학전공의 공식 웹사이트입니다.
🔹 학생, 교수진, 연구원 및 방문자들에게 학과 정보 및 연구 성과를 효과적으로 공유하기 위해 개발되었습니다.
🔹 사용자 친화적인 UI와 반응형 디자인을 통해 모든 기기에서 최적의 사용자 경험을 제공합니다.

📍 📢 주요 기능:

• 학과 및 교수진 소개
• 연구 논문 검색 & 세미나실 예약 시스템
• 공지사항 및 뉴스 제공
• 모바일/태블릿 반응형 UI 지원

---

✨ 주요 기능

🔹 1. 학과 정보

📖 학과 소개 | 👨‍🏫 교수진 프로필 | 🏫 조직도 | 🎓 학생회 활동

🔹 2. 학사 정보

📚 학부/대학원 과정 | 🏆 장학금 정보 | 📄 입학 안내

🔹 3. 소식 및 공지

📢 공지사항 | 📰 뉴스 | 🎤 세미나 정보 | 📑 논문 아카이브

🔹 4. 세미나실 예약 시스템

📅 캘린더 뷰 | 📝 예약 신청 | ✅ 예약 승인 & 관리

---

⚡ 기술 스택

📌 최신 웹 기술을 적용하여 빠르고 최적화된 경험을 제공합니다.

💻 프론트엔드

• 
• 
• 
• 

🛠️ 백엔드

• 
• 
• 

🛡️ 테스트 & 품질 관리

• 
• 

---

🚀 시작하기

📌 사전 요구사항

• Node.js v18 이상
• npm 또는 yarn
• Git

📌 설치 방법

git clone https://github.com/urinaner/sejong-dibb.git
cd sejong-dibb/frontend
npm install
npm run start

🚀 로컬 개발 환경이 실행됩니다!

---

📂 프로젝트 구조

📌 폴더별 주요 구성 요소는 다음과 같습니다:

src/
├── config/            # API 엔드포인트 정의
├── assets/            # 이미지, 폰트 등 정적 자원
├── components/        # 재사용 가능한 UI 컴포넌트
├── hooks/             # 커스텀 훅
├── pages/             # 페이지 컴포넌트
├── routes/            # 라우팅 설정
├── styles/            # 글로벌 스타일 및 테마
└── utils/             # 유틸리티 함수

---

📊 성능 최적화

🚀 최적화된 웹사이트 환경을 제공합니다.

🔹 React Query: 서버 데이터 캐싱 & 자동 갱신
🔹 코드 스플리팅: React.lazy & Suspense 적용
🔹 이미지 최적화: WebP 포맷 활용
🔹 CDN 활용: CloudFront로 정적 자원 로드 속도 향상

---

🎉 감사의 말

🙏 프로젝트에 관심을 가져주셔서 감사합니다!
이 프로젝트는 세종대학교 바이오융합공학과의 지원과 협력으로 진행되었습니다.
함께 더 나은 웹사이트를 만들어가요! 🚀🎓

---