교육기관 및 프로젝트의 학습 공간을 제공해주는 웹 사이트
➡ 카카오톡으로 자료 공유 시 기간이 지나면 받을 수 없음
➡ 카카오톡으로 팀원들과 프로젝트를 진행할때 파일 전송이 제한적임
➡ 수업 시간외에 질문 사항이 생기면 해결하는데 어려움이 있음
➡ 언제든 이전에 올린 파일을 다운로드 받을 수 있는 환경을 제공함.
➡ 업로드시에 용량/파일 종류의 제한이 없도록 함
➡ 수업시간 외에 질문 사항이 생길 시에 질문 게시판을 통해 해결가능
➡ AI 챗봇 기능을 통해 질문 게시판보다 빠른 답변을 받을 수 있음
➡ DB 설계
➡ 메인 페이지 구성, 방 생성 , 채팅, AI 챗봇, 관리자 페이지 기능 구현
➡ 메인화면 - 검색, 내가 만든 방, 참여중인 방 확인 가능

➡ 방만들기 / 방입장


➡ 방 상세 페이지 - 참여자와 방장의 화면이 다름
참여자 | 방장 |
---|---|
![]() |
![]() |
-
참여자 : 자료 공유,질문 게시판 등록/수정 가능 , 채팅, AI 질문서비스 가능
-
방장 : 참여자의 모든 기능 가능, 방 수정 , 공지 등록 가능
➡ 자료 공유 게시판 등록, 다운로드
등록 | 다운로드 |
---|---|
![]() |
![]() |
➡ 채팅
- Web Socket을 이용하여 구현

➡ 질문 게시판 - AI 챗봇
- Open AI API를 통해 Chat GPT 키를 발급받아 구현

➡ 관리자 페이지 - 회원, 방 수정/삭제
- 관리자 페이지

기능 | 회원 | 방 |
---|---|---|
상세화면 | ![]() |
![]() |
기능 | 회원 탈퇴 | 참여 회원 탈퇴 , 공지, 자료공유, 질문 게시판 , 답변, 방 전체 삭제 |
➡ MVC 방식으로 개발하였으며 백엔드 코드에서도 기능별로 분류를 하니 팀원들과 역할 분배 및 코드 수정/관리가 용이했음
➡ Open AI를 통해 AI 챗봇 기능을 구현하면서 API를 사용하는 방법이 능숙해짐
➡ 팀원들과 Git을 통해 코드를 공유하고 관리함으로써 Git 명령어 사용에 익숙해짐
➡ Web Socket을 통해 채팅 기능을 구현하면서 소켓 통신의 개념 확립