테라스처럼 편한 학교

목차

1. 서비스 소개
2. 기술 스택
3. 시스템 아키텍처
4. 주요기능 및 데모영상
5. UCC 보러가기
6. 협업 관리
7. 개발 멤버 소개
8. 프로젝트 기간
9. 프로젝트 관련 문서

💡 서비스 소개

메가스터디보다 뛰어난 테라스 스터디와 함께하세요.

학교에 가지 않고 온라인으로 수업을 듣는 시대가 왔습니다.
코로나19로 비대면 수업들이 이제 일상이 되어버렸습니다.
테라스 스터디는 편한 교육 환경으로 우수한 교육 퀄리티를 제공합니다.

선생님과 학생 모두에게 편한 교육 플랫폼! Teras Study에서 등교부터 하교까지 함께 하세요!

🛠️ 기술 스택

상세 기술스택 및 버전

구분	기술스택	상세내용	버전
공통	형상관리	Gitlab	-
	이슈관리	Jira	-
	커뮤니케이션	Mattermost, Notion	-
BackEnd	DB	MySQL	5.7
		JPA	-
		QueryDSL	-
	Java	Zulu	8.33.0.1
	Spring	Spring	5.3.6
		Spring Boot	2.4.5
	IDE	Eclipse	JEE 2020-06
	Cloud Storage	AWS S3	-
	Build	Gradle	7.3.2
	WebRTC	OpenVidu	2.22.0
	API Docs	Postman
FrontEnd	HTML5		-
	CSS3		-
	JavaScript(ES6)		-
	React	React	17.0.2
	React	Redux	7.2.6
	React	Redux-thunk	2.4.1
		styled-components	5.3.3
		framer-motion	6.0.0
		apexcharts	3.33.0
		toast-ui/react-editor	3.1.2
		toast-ui/react-calendar	1.0.6
	WebSocket	@stomp/stompjs	6.1.2
	WebSocket	stompjs	2.3.3
	WebSocket	sockjs-client	1.5.2
	IDE	Visual Studio Code	1.63.2
Server	서버	AWS EC2	-
	플랫폼	Ubuntu	20.04.3 LTS
	수동배포

🗂️ 시스템 아키텍처

시스템 구성
(#)

디렉토리 구조
프론트엔드 백엔드

🖥️ 주요기능

온라인수업

• 선생님이 수업을 개설하면 해당 수업을 수강하는 학생이 수업에 참여할 수 있습니다.
• 사용자는 비디오, 오디오 ON/OFF를 설정할 수 있습니다.
• 선생님은 원활한 수업진행을 위해 화면공유를 할 수 있습니다.

스터디룸

• 학생은 원하는 이름의 스터디룸을 만들 수 있습니다.
• 학생들은 만들어진 스터디룸에 자유롭게 들어가고 나갈 수 있습니다.
• 스터디룸을 만든 학생은 화면공유를 할 수 있습니다.

시간표

• 학생들은 오늘의 시간표를 통하여 오늘 수강할 과목들을 확인 할 수 있습니다.
• 해당 시간의 시간표를 눌러서 강의실에 참여할 수 있습니다.
• 매 교시는 프로필 상단에 위치하여 있어서 지금이 몇 교시인지 확인할 수 있습니다.

온라인 수업

스터디룸

공지사항

• 교사는 공지사항을 작성할 수 있습니다.
• 학생들은 공지사항에 적힌 내용들을 쉽게 확인할 수 있습니다.
• 첨부파일 기능을 넣어서, 첨부파일을 쉽게 첨부, 다운로드할 수 있습니다.

공지사항(선생님)

공지사항(학생)

과제

• 선생님은 자신의 과목에 과제를 원하는 기간을 설정하여 올릴 수 있습니다.
• 학생들은 해당 과목에 댓글 형식으로 과제를 제출할 수 있습니다.
• 선생님과 학생 모두 파일을 첨부할 수 있습니다.

과제(선생님)

과제(학생)

캘린더/우리반보기 기타등등

• 캘린더를 통하여 각각 날짜의 행사를 확인할 수 있습니다.
• 우리반보기를 통하여 우리반 학생들을 한 눈에 볼 수 있습니다.

기타등등

🎥 UCC 보러가기

👥 협업 관리

Jira BurnDown Chart

Notion

👪 개발 멤버 소개

👑 김민성 (Front-End)	🙂 박영준 (Front-End)	😆 박찬혁 (Front-End)	😁 강경은 (Back-End)	🙄 김민지 (Back-End)	😶 김경환 (Back-End)
UI/UX React DB Infra	UI/UX React WebRTC	UI/UX React	REST API WebRTC	REST API CI/CD	REST API DB S3 Infra

📆 프로젝트 기간

22.7.11 ~ 22.8.19

• 기획 및 설계 : 22.7.11 ~ 19
• 프로젝트 구현 : 22.7.20 ~ 22.8.18
• 버그 수정 및 산출물 정리 : 22.8.19

📋 프로젝트 관련 문서

구분	링크
와이어프레임	와이어프레임 바로가기
ERD	ERD 바로가기
빌드/배포	빌드/배포 바로가기
시연 시나리오	시연 시나리오 바로가기
발표자료	발표자료 바로가기)