강의 플랫폼 발표 자료

1. 프로젝트 배경

프로젝트

주제 : 강의 플랫폼
기간 : 9 ~ 12월

페이지 구성

수강생 페이지
강사 페이지

프로젝트 배경

유명한 강의 플랫폼인 인프런은 동영상 위주로 강의를 수강합니다.

인프런에서 강의를 보다가 다른 블로그나 문서처럼 글로 설명된 형식의 강의가 있었으면 좋겠다라는 생각이 들어서 프로젝트를 진행하게 되었습니다.

직무와의 연관성 / 활용 방안

신사업 개발 프로젝트에 사용하는 기술 스택을 익힐 수 있습니다.

Docker 환경
Kubernates 환경
Micro Service Architecture 환경

등등…

2. 진행 일정표

일정표는 노션으로 정리해놓았습니다. (10월 이후)

캡스톤 일정

3. 아키텍처

백엔드 아키텍처

항목	내용	Version
개발 언어	Kotlin	kotlin 1.6.21 / java 17
개발 프레임 워크	Spring Boot	v2.7.5
DB	Maria DB	v10.5

백엔드 사용 라이브러리

항목	내용
JSON Web Token	Login 인증 토큰
Querydsl	Java 용 통합 query 라이브러리
Spring boot mail	메일 인증에 사용하는 플러그인
Spring boot aws	S3 이미지 업로드 플러그인

프론트엔드 아키텍처

항목	내용	Version
개발 언어	JavaScript	ECMA2021
개발 프레임 워크	React	v16.8.0
배포	yarn	v1.22.19
서버	Node.js	v16.14.2

프론트엔드 사용 라이브러리

항목	내용
Toast UI Editor	강의 내용 및 강사 소개 에디터 / 뷰어
Axios	API 통신
Swiper	Banner, Card 스와이퍼
React Cookie	User Token 관리

서버 정보

Server	AWS EC2
DB Server	AWS RDS
Image Server	AWS S3

4. 프로세스 및 기술 부분

코드

학생 페이지 프론트엔드

https://github.com/works-hook/hannah-education-user-front

강사 페이지 프론트엔드

https://github.com/works-hook/hannah-education-admin-front

API 백엔드

https://github.com/works-hook/hannah-education-backend

ERD

5. 과제물 수행 소감

사실 스프링으로 MSA를 구현하려고 했지만 생각보다 DDD 개념이 어렵고 MSA로 구성할만큼 서비스가 크지 않아 MSA로 구성을 하지 못하였습니다. (처음에 MSA로 구성하다가 모놀리틱 서비스로 재구성했습니다)

아키텍처의 부족한 지식을 채우고자 DDD 아키텍처를 개인적으로 공부할 수 있게 되어서 좋은 기회였습니다.

부가적으로, 프론트엔드를 많이 해보지 않았는데 처음으로 리액트 프로젝트를 진행해보았습니다.

목차