Skip to content
@TubePlus

spharos-3rd-project-tubeplus

기존의 시청자와 크리에이터 간의 단방향 소통에서 탈피한 크리에이터와 팬 간의 양방향 소통을 돕는 커뮤니티, "TubePlus" 입니다

TubePlus

현재 서비스 로그인 승인 대기중(Google Auth)

페이지 : https://my.tubeplus.online

노션 : https://colossal-whip-d19.notion.site/ACEs-4d1370f673604fdcb7ad9a18f0442867?pvs=4

메인화면

메인화면

💻 업무 분장

담당역할


💻 프로젝트 소개

  1. 개발 기간: 2023.09.20 ~ 2023.11.30 (총 7주)
  2. 인원(총 5인)
  3. 개요
  • 서비스 목표: 유튜브의 커뮤니티 플러그인(최종)

  • 1차 목표: 유튜브의 커뮤니티 웹페이지 생성

  • 기획배경 : pdf로 확인

    • YouTube에는 Community가 없어서 Creator에게 개인 블로그를 만들어야 하는 불편함이 존재
    • 기존의 블로그와 차별성 필요
      • | 시간이 지나면 Creator만 확인 가능한 게시글 존재
      • | Youtube의 정보를 가져와서 쉽게 커뮤니티 생성가능
      • | Creator는 Community에 대한 자유도를 가지며 홍보도 가능
  • 기대 효과

    • Youtube에 내장되거나, Creator가 유튜브 방송 중에 쉽게 쓸수 있는 게시글로 존재
  • 핵심 기능

    • OAuth를 통한 구글 로그인 기능
    • SSE (Server Sends Event)를 활용한 실시간 알림 기능
    • 브라우저 크기별 반응형 웹 페이지
    • 시간이 지나면 사라지는 게시글 존재

기술 스택

💻 Front-end

Node npm Next.js typescript tailwind nextui radixicon framer reactquery

💻 Back-end

JAVA Spring Gradle JWT Kafka springbatch springcloud

💾 DB

MySQL AmazonRDS

⚙CI/CD

docker

💻 INFRA


✏ 서비스 화면

💻 웹

커뮤니티

  • 커뮤니티 가입

커뮤니티 가입

  • 커뮤니티, 게시판 생성

커뮤니티 생성

⚙ 아키텍처

아키텍처


🧶 유스케이스

유스케이스


💾 ERD 다이어그램

erd


🔊 API 명세서


🎞 와이어프레임

와이어프레임


🎟 이벤트스토밍

이벤트스토밍


사용자 경험을 향상시키기 위한 노력

1. 배포

  • AWS를 통한 auto Scale-out

  • helm, terraform을 통한 쿠버네티스 구현으로 etc서버 배포

  • jenkins-> GitAction + ArgoCD 적용 쿠버네티스 구현도

  • 나머지 서버는 Spring Cloud를 통해 배포 infra 구성

2. 데이터 배치 및 캐싱 처리

  • batch를 통한 반복되고 자주 찾는 요소는 cache이용으로 속도 개선 redis

  • 정산되는 자료들을 batch를 통해 page단위로 모아서 처리하고, 한번에 저장해서 쿼리를 단축

  • 처리되지 않은 데이터에 대해서 2회 반복해서 신뢰도 향상, 연산되지 않은 데이터 따로 기록 batch

3. 아키텍처

  • 헥사고날을 통한 도메인을 web과 service를 port로 분리해서 쉽게 MSA를 할 수 있고, 재사용성 있는 코드를 재현하려고 함 헥사고날

  • 읽기와 쓰기가 다양한 타입이 들어가고, 데이터 양이 많은 게시글을 읽기, 쓰기로 도메인 분리

  • DB도 replica를 통해 분리 -> MySQL, MySQLReplica CQRS

Popular repositories

  1. TubePlusFront TubePlusFront Public

    Repository of Frontend for tubePlus.

    TypeScript 1 3

  2. User User Public

    tubePlus의 User 서버입니다.

    Java 1

  3. Dev Dev Public

    total dev file management

    Mustache

  4. Eureka Eureka Public

    유레카 서버

    Java

  5. Gateway Gateway Public

    Gateway

    Java

  6. Community Community Public

    tubePlus의 Community 서버입니다.

    Java

Repositories

Showing 10 of 11 repositories
  • User Public

    tubePlus의 User 서버입니다.

    TubePlus/User’s past year of commit activity
    Java 1 MIT 0 0 0 Updated May 30, 2024
  • .github Public

    프로젝트에 공통적으로 적용할 템플릿 문서들을 관리합니다.

    TubePlus/.github’s past year of commit activity
    0 MIT 0 0 0 Updated Dec 5, 2023
  • TubePlusFront Public

    Repository of Frontend for tubePlus.

    TubePlus/TubePlusFront’s past year of commit activity
    TypeScript 1 MIT 3 2 (1 issue needs help) 0 Updated Nov 30, 2023
  • PostingQueries Public

    CQRS Posting Server

    TubePlus/PostingQueries’s past year of commit activity
    Java 0 MIT 0 0 0 Updated Nov 29, 2023
  • Etc Public
    TubePlus/Etc’s past year of commit activity
    Java 0 MIT 0 0 0 Updated Nov 27, 2023
  • DataMigration Public

    tubeplus의 정산로직을 위한 서버입니다.

    TubePlus/DataMigration’s past year of commit activity
    Java 0 MIT 0 0 0 Updated Nov 27, 2023
  • Board Public
    TubePlus/Board’s past year of commit activity
    Java 0 MIT 0 0 0 Updated Nov 27, 2023
  • Dev Public

    total dev file management

    TubePlus/Dev’s past year of commit activity
    Mustache 0 MIT 0 0 0 Updated Nov 27, 2023
  • Community Public

    tubePlus의 Community 서버입니다.

    TubePlus/Community’s past year of commit activity
    Java 0 MIT 0 0 0 Updated Nov 24, 2023
  • Gateway Public

    Gateway

    TubePlus/Gateway’s past year of commit activity
    Java 0 MIT 0 0 0 Updated Nov 21, 2023

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…