StudyOn gif 이미지 자료

Kim hanjae·2026년 1월 27일

StudyOn (스터디온)

천재IT교육센터 Java 풀스택 과정 12기 2차 팀 프로젝트 gif 자료

Spring Boot + JSP 기반 프로젝트

자바 스프링 부트 프레임워크 심화학습을 위해 이 프로젝트를 진행했습니다.

이름기간
StudyOn 2025.10.13 ~ 2025.11.02

회원가입

이메일 기반 회원 가입이 가능합니다.
회원가입 시 이메일 인증 후 쉽게 가입이 가능합니다.

  • 이메일 인증 메일 전송 : 스프링 부트 메일 라이브러리

  • 로그인 : 스프링 시큐리티, OAuth2 (소셜 로그인)


회원가입


강사 기능

1. 강사 강의 등록 기본 폼

강사가 본인의 강의를 등록할 수 있도록 설계했습니다.

  • 외부 에디터를 적용하여 사용성 개선, 업로드 편의성을 고려했습니다.

  • 강의의 기본 정보를 입력할 수 있습니다.


강사 기능 1 : 강의 등록 (내용 위주)

2. 강의 등록 시 난이도 및 세부 설정

강의의 세부 정보 등을 설정할 수 있는 화면입니다.

  • 강사의 정보 등록 편의성을 위해 NginX를 이용하여 실시간 파일 업로드 기능을 구현했습니다.

  • 강의별 썸네일, 난이도, 강의 영상 업로드 등을 설정할 수 있습니다.


강사 강의 등록 (난이도 및 세부 설정)


강사 강의 등록 (난이도 및 세부 설정2)

3. 강사 관리 (내 강의평 등등 조회)

강사 본인의 설정 화면에서 정보 수정, 강의 수정, 내 강의평 조회 등이 가능하도록 설계했습니다.

  • 본인이 조회를 원하는 강의별로 필터링이 가능합니다.

  • 강의 중 학생 사용자로부터 남겨진 Q&A 등의 정보를 확인할 수 있습니다.


강사 관리 (내 강의평 등등 조회)


회원 기능

1. 챗봇 기능

채팅/챗봇 기능을 통해 원하는 강의 내용 및 문의 사항을 입력할 수 있고, 관련 정보들을 즉시 답변을 통해 확인 가능합니다.

  • OpenAI API + Spring WebSocket 기능을 이용하여 사용자가 궁금한 점이 있을 때 우선 OpenAI API를 통해 RAG 시스템을 거친 답변이 생성되고,
    자세한 답변은 관리자가 답변할 수 있게끔 설계, 구현했습니다.

챗봇 기능

2. 강의 검색 기능

사용자가 검색 기능 이용 시 원하는 강의를 쉽고 편리하게 찾을 수 있습니다.

  • 검색 및 강의 필터링이 가능합니다.

  • 과목, 난이도 등 상세 검색 조건을 설정하여, 탐색 편의성을 높였습니다.


강의 검색 기능


강의 검색 기능 2

3. 강의 상세 조회 및 강의 구매 화면

강의를 상세 조회할 수 있고, 실제 결제 시스템을 통해 수강신청이 가능하게끔 설계했습니다.

  • PortOne 결제 API를 이용하여, 익숙한 결제 서비스를 이용할 수 있도록 결제 편의성을 향상시켰습니다.

강의 상세 조회 및 강의 구매 화면

4. 강의 구매 후 시청 화면

강의 구매 후 강의 시청 등 관련 서비스를 이용할 수 있습니다.
결제 후 즉시 강의 시청이 가능하게끔 하여 강의 접근 용이성을 향상시켰습니다.


강의 구매 후 시청 화면

5. Q&A 남기기

사용자가 강의 시청 수강 중 궁금한 점이 있을 때 곧바로 질문을 등록할 수 있도록 하여 편의성을 높였습니다.


Q&A 남기기

6. 선생님 목록 및 선생님 상세 조회

별도의 선생님(강사) 목록 및 상세 프로필 페이지를 구현하여, 선생님의 정보를 쉽게 파악할 수 있도록 구현했습니다.

  • 과목별로 선생님들의 정보를 조회할 수 있습니다.

  • 선생님 UI를 클릭하면 곧바로 상세 프로필 페이지로 접근이 가능하며, 등록 강의 및 수강평을 확인할 수 있습니다.


선생님 목록 및 선생님 상세 조회


관리자 기능

사이트 관리에 필요한 정보들을 관리자가 쉽게 조회 및 관리할 수 있도록 설계했습니다.

1. 회원 관리

회원 목록을 한번에 조회할 수 있고 회원 활성화 여부 등 조회 및 설정이 가능합니다.

  • 회원별로 활성화 여부를 확인할 수 있고, 활성화 여부를 선택, 설정할 수 있습니다.

회원 관리

강의 관리

홈 화면에 표시되는 강의를 관리할 수 있습니다.

  • 강의별 대기 상태, 반려, 등록 완료 여부를 조회할 수 있습니다.

  • 강의 등록 대기, 등록 반려, 등록 완료 여부를 설정하여 실제 강의 수강이 이루어지게끔, 홈 화면에 보여지게끔 설정할 수 있습니다.


강의 관리 1


강의 관리 2

채팅 및 배너 관리

앞서 소개했던 채팅 목록 관리, 실제로 홈 화면에서 보여지는 공지사항 배너들을 조회할 수 있습니다.

1. 채팅 관리
  • 관리자 권한으로 채팅 목록 조회 및 관리가 가능합니다.

  • 별도 문의사항이 있을 경우 관리자가 실제로 답변이 가능합니다.

2. 배너 관리
  • 실제 홈 화면에 표시되는 공지사항 등을 이미지 배너를 통해 설정 가능합니다.

  • 배너별 표시/미표시 여부를 설정할 수 있습니다.


채팅 및 배너 관리

결제 관리

회원별로 결제했던 기록을 실제로 조회할 수 있습니다.

  • 결제 기록 검색 및 필터링이 가능합니다.
  • 관리자는 요청에 따라 결제 환불 여부, 환불 사유 등을 등록, 처리할 수 있습니다.

결제 관리


그 외

사이트 배너

사이트 배너 및 플로팅 팝업창을 띄울 수 있는 기능을 제공합니다.
위에서 확인 가능한 관리자 배너 관리 페이지에서 설정이 가능합니다.


사이트 배너


기타

노션 소개 페이지

깃허브 링크


Ver 0.3 - 2026.02.01.

profile
어두운빛 블로그

0개의 댓글