NestNet

충북대학교 소프트웨어학과 네스트넷 공식 홈페이지 (프론트엔드)

배포 링크
2023.07~2024.02

개발 배경

기존 홈페이지는 2005년에 제작되어 유지보수 문서가 부재해 유지보수가 불가했고, UI/UX가 다소 좋지 않았습니다. 이에 필수적인 정보들만 제공하는 간결하고 정돈된 홈페이지를 제작하고자 했습니다.

사용 기술

시작 가이드

    yarn install
    yarn vite

---

✨ 주요 기능

메인 🏠

• 최신 글, 주간/월간 출석 순위 확인

• 일일 출석 체크

• 페이지 및 게시판 바로가기

• 동아리원들끼리 찍은 인생 네컷 구경

  • 좌우로 무한으로 움직이는 배너 제공

• 다양한 기기의 화면에서 보기 편리한 반응형 제공

사진게시판 📷

게시물 목록

• 동아리 활동 중 찍은 사진들을 구경
  • 스크롤을 끊김없이 내릴 수 있는 무한스크롤 기능 제공
  • 썸네일 위로 마우스를 올릴시 게시물 정보 제공

게시물 상세

• 게시물의 상세 사진들 구경
  • 스크롤 없이 보고 싶은 사진을 지정할 수 있는 기능 제공
  • 댓글창 펼치기/접기 기능 제공
  • 개별 사진 저장, 댓글, 좋아요 기능 제공

게시물 등록 (관리자 전용)

• 게시물(사진, 제목, 본문) 등록 기능
  • 여러 사진을 한 번에 등록할 수 있는 기능 제공
  • 사진 등록시 스크롤을 자동으로 내려주는 기능 제공

관리자 페이지 👨🏻‍💻

회원 관리

• 회원 권한 수정 및 탈퇴 기능

회원가입 요청 관리

• 회원가입 요청 승인/거절 기능

---

🤝 팀원 소개

담당	이름	GitHub 아이디
백엔드	김성호	kksshh0612
프론트엔드	김강민	rlarkdals1202
프론트엔드	허원일	wonza-hub