SMILE

스터디 마스터의 일정관리

😃프로젝트 소개😃

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

스마일 프로젝트는 스터디를 구하기 힘든 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

• 일정관리

JIRA

• 컨벤션

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

• 번다운차트

📃 프로젝트 산출물

링크

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

프로젝트 아키텍쳐

ERD