/smile

스터디 마스터의 일정관리

Primary LanguageTypeScript

SMILE

스터디 마스터의 일정관리

image

😃프로젝트 소개😃

비대면 스터디 일정관리 통합 플랫폼.

스마일 프로젝트는 스터디를 구하기 힘든 20~30대 취업준비생를 타겟으로 공간적 제약을 극복하고 여러 플랫폼을 사용하는 기존의 스터디 방식을 개선하기 위해 기획한 서비스 입니다.

✨ 주요기능

  • 비대면 스터디 생성, 조회 및 가입
  • 비대면 스터디를 위한 화상미팅 서비스
  • 자체 일정관리 서비스
  • 스터디별 관리 페이지 및 단체 채팅

프로젝트 기간

- 2023.01.09 ~ 2023.02.17 (6주)
- 세부기간
    - 기획 및 설계 : 2023.01.09 ~ 2023.01.22
    - 프로젝트 구현 : 2023.01.23 ~ 2023.02.14
    - 버그 수정 및 산출물 정리 : 2023.02.15 ~ 2023.02.17

👨‍👨‍👧‍👦 팀원 소개



👑 이상현
(Back-End)


🙂 김종성
(Back-End)


😆 양연호
(Back-End)


😁 정혜주
(Front-End)


🙄 송기라
(Front-End)


😶 오태훈
(Front-End)
REST API
WebRTC
WebSocket		 REST API
CI/CD
Infra
 REST API
Database
S3
 UI/UX
React
FullCalendar		 UI/UX
React
WebRTC
WebSocket		 UI/UX
React
WebRTC
WebSocket

🛠 개발 환경

협업

공통

상세 기술스택 및 버전
구분 기술스택 상세내용 버전
공통 형상관리 Gitlab -
이슈관리 Jira -
커뮤니케이션 Mattermost -
Notion -
Server 서버 AWS EC2 -
플랫폼 Ubuntu -
배포 Docker -
배포 Jenkins -

🖥 프론트

상세 기술스택 및 버전
구분 기술스택 상세내용 버전
FrontEnd HTML5 -
CSS3 -
React React 8.19.3
React-Router-Dom 8.19.3
React-Query 3.39.3
Recoil 8.19.3
Styled-Component 5.3.6
TypeScript 4.9.4
Node.js 16.19.0
WebRTC -
WebSocket -
IDE Visual Studio Code -

💻 백엔드

상세 기술스택 및 버전
구분 기술스택 상세내용 버전
BackEnd DB MySQL 8.0.30
JPA -
Java Zulu 11.0.17
Spring Spring -
Spring Boot 2.7.8
Spring Security 5.7.6
API Docs Swagger2 3.0.0
WebRTC -
Cloud Storage AWS S3 -
IDE IntelliJ 2022.3.1

협업 관리

GIT

  • 커밋 컨벤션
    Feat: 새로운 기능 추가  
    Fix: 버그 수정  
    Comment: 필요한 주석 변경 및 추가  
    Docs: 문서 수정  
    Test: 테스트 코드 추가  
    Refactor: 코드 리펙토링
  • 브랜치 전략
main
 │
 ├─be_develop
 │      └─be_feature_<기능명>
 │
 └─fe_develop
        └─fe_feature_<기능명>

Notion

notion

  • 일정관리 plan

JIRA

  • 컨벤션

        구체적으로 뭘 했는지 적기 ex) 프론트 학습X, 파일 동시 편집 학습 O
    에픽 컨벤션
        에픽 컨벤션에서는 FE / BE 나누지 않는다.
        영어단어는 camel 케이스로 작성한다.
            ex : BE_LoginTest 클래스 작성
    스토리 컨벤션
        공통은 앞에 BE,FE없이 바로 작성한다.
            ex: 스크럼 회의
        내용 작성시 단어는 띄어쓰기로 구분한다.
            ex: BE_요구사항 분석
        단어는 명사로만 작성한다.
            ex: BE_요구사항 분석
            ex: BE_실시간 채팅 구현

  • 번다운차트

📃 프로젝트 산출물

링크

와이어프레임 API 명세서 기능정의서
바로가기 바로가기 바로가기

프로젝트 아키텍쳐

system architecture

ERD

ERD