Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
/ COSMOS Public

삼성청년SW아카데미(SSAFY 6기) 2학기 공통프로젝트 - 비대면 화상 IT 스터디 플랫폼 (SSAFY 6기 공통프로젝트 우수상)

Notifications You must be signed in to change notification settings

heeya15/COSMOS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

847 Commits

Repository files navigation

🌸 COSMOS(코스모스-코딩 스터디, 모두 함께 스터디)

비대면 화상 IT 스터디 플랫폼

👪 팀원 소개

image-20220218015429409

🕹Git 컨벤션 개요

Conflict를 방지하고, 효과적이고 명확한 협업을 진행하고자

1️⃣ Git-Flow 브랜치 전략을 도입하여 계층별 브랜치를 관리했습니다

2️⃣ AngularJS Commit Conventions를 참고하여 Commit 컨벤션을 정의했습니다

3️⃣ 작업의 시작 전 JIRA 티켓을 생성하고, 모든 커밋과 티켓을 연결했습니다

위와 같은 세 가지 협업 규칙을 세우고 프로젝트를 진행했습니다.

🏞 Git Flow

master 
└ develop 
 ├ front - feature/front/기능... 
 └ back - feature/back/기능...
 
  • master : 운영 서버로 배포하기 위한 브랜치
  • develop : 다음 출시 기능을 개발하는 브랜치
  • front : 프론트엔드 개발하는 브랜치
  • back : 백엔드를 개발하는 브랜치
  • feature : 세부 기능을 개발하는 브랜치

😎 Commit Convention

[type] commit message

  • Type

    • Fix : 잘못된 동작을 고칠 때

      fix function/error/typo in style.css

    • option

      • funtion : 고친 함수 명 (e.g. fix login function in index.html)
      • error : 수정한 에러 (e.g. fix [구체적 에러명] error in login.js)
      • typo : 오타 (e.g. fix typo in style.css)
    • add : 새로운 것을 추가할 때

      add mytest.test for test (새로운 파일 추가 시)

      add blue color to style.css (기존 파일에 내용 추가 시)

    • move : 코드나 파일을 이동할 때

      move A to B (e.g. A를 B로 이동할 때)

    • rename : 이름 변경이 있을 때

      rename A to B (e.g. A를 B로 이름을 변경할 때)

    • update : 정상적으로 동작하는 파일을 보완하는 경우

      update test.js to use HTTPS (test.js에 기존의 프로토콜에서 HTTPS 프로토콜 사용으로 변경)

    • remove : 삭제가 있을 때

      remove test.js (파일 삭제 시)

      remove black color from style.css (파일 내 부분 삭제 시)

  • commit message: 변경 사항에 대해 명확하게 기술

🖥 프로젝트 개요

  • 진행 기간 : 2022年01月10日 ~ 2022年02月18日(6주)

  • 목표

    • webRTC 기술을 사용해 비대면 화상 IT 스터디 플랫폼을 만듭니다.
    • 스터디 모집과 스터디 활동을 모두 지원하는 스터디 플랫폼을 목표로 합니다.
    • 서비스를 이용하는 사람들로 하여금 공부에 대한 자극을 주는 서비스를 제공합니다.
  • 🗺와이어프레임(figma)

    필수기능_figma

    image-20220218015011885

  • ERD

    ERD

🐱‍💻 프로젝트 소개

기획배경

  • 높아진 IT에대한 관심

  • 독서실의 가격 상승

  • 코로나19 심화로 카페, 동아리방 등 공부하기가 걱정되는 환경

  • 요리조리 왔다갔다 여러가지 플랫폼 사용으로 번거로운 스터디 활동

📌주요 기능

🔑공개 스터디

study with me 와 같은 오픈된 캠스터디

  • 권한(권한이 있는 사람은 강퇴할 수 있음)

    • 권한 부여 기능

    권한

    • 강퇴 기능

    강퇴시연

  • 스톱 워치

  • 마이크,카메라 & 채팅

🔒비공개 스터디

같은 목표를 가진 소수의 사람들로 구성된 스터디

🛠 프로젝트 빌드

⚙ 시스템 환경 및 구성

image-20220218015429409

  • OS: Windows10
  • Backend Framework: Spring Boot 2.4.5
  • Frontend Framework: Vue 2
  • DB: mysql Ver 8.0.27 for Win64 on x86_64 (MySQL Community Server - GPL)
  • WAS: Gradle
  • JVM: openJDK (1.8.0_192)
  • Node.js: 16.13.1
  • WebRTC: openVidu 2.20.0
  • Docker: 20.10.12
  • WEB: Nginx (1.18.0)

📑 프로젝트 후기

  • 문슬기 : 프로젝트 시작할 때 깃 사용법이 어려웠는데 브랜치 사용하는데 익숙해 졌고, 지라와 도커 그리고 my sql을 이번에 사용하는 방법을 팀원들이 알려줘서 배울 수 있었습니다. ACE 팀에 참여해서 프로젝트를 진행하는데 걱정이 없었고 좋은 팀원들을 만나서 제대로 된 첫 프로젝트를 할 수 있었습니다. 이번에 정말 많이 배울 수 있는 시간을 가져서 좋았습니다! 😘😘

  • 정윤정 : webRTC 라는 분야가 너무 생소해서 과연 이 프로젝트를 잘 해낼 수 있을까 걱정이 앞섰었습니다. 하지만 좋은 팀원들 덕분에 무사히 유종의 미를 거둘 수 있었습니다. 처음 다뤄보는 깃과 지라는 낯설었지만 점점 적응해 지난 프로젝트보다 잘 활용하게 되었습니다. 혼자가 아니라 다같이, 또 한 사람도 빠지는 사람없이 새벽까지 모여서 코드를 쳤던 것이 기억에 남습니다. 이렇게 다같이 해서 우리 프로젝트 무사히 끝냈습니다!!🥰

  • 한성희 : 이번 프로젝트를 통해 Git, Jira와 같은 협업툴을 이용하여 함께 하나의 산출물을 만들어내는 과정에 익숙해질 수 있는 시간이였습니다. JPA, Vue.js, Docker 등 처음 사용하거나 익숙하지 않은 기술들을 학습하고 직접 프로젝트에 적용해봄으로써 기술들을 익혀나갈 수 있었습니다. ✍ 나의 작업만이 아닌 팀원 모두의 코드를 리뷰하고 오류나 모르는 부분을 함께 해결해나가면서 놓친 부분을 찾고 서로를 통해 배울 수 있는 좋은 기회였습니다. 👍 더 퀄리티 높은 시스템을 제작하기 위해 끝까지 지치지않고 힘써준 팀원들에게 감사하고😊 다음 프로젝트는 함께하지 못했지만 기회가 된다면 마지막 자율 프로젝트에서 만나서 우리의 코스모스 시스템을 보완하고 추가기능들을 모두 구현했으면 좋겠습니다. 🙏

  • 김광희 : 다들 6인 프로젝트... 하지만 저희 팀은 5명이서 모두 맡은 역할에 대해 책임감을 가지며 잘 해 줬기에 프로젝트를 성공적으로 마칠 수 있었습니다. 이번 계기로 팀워크와 협업의 중요성에 대해 많은 걸 느꼈고, 각자의 장점이 모여 서로의 부족한 점을 보완할 수 있으며 팀원들과 함께 라면 어떠한 것도 해낼 수 있을 것 같다는 자신감이 있었습니다. 이번 공통 프로젝트를 통해 처음 하는 Docker을 사용한 서버 배포 방법, JPA를 사용한 객체 중심 프로젝트 개발, WebRTC 기술 등 많이 배우며 성장했고, 깃 Flow, Jira, Notion를 사용하여 비 대면 상황 이더라도 효율적으로 소통하고 협업하는 법을 익힐 수 있었습니다. 체력적(잠을 못 잠)으로 정신적으로(왜 안되지?) 많이 힘들었지만, 팀원들과 소통하며 문제를 잘 해결해 나아갔고, 저 스스로 정말 열정적으로 프로젝트에 임했다고 자부할 수 있습니다. 마지막으로 우리 팀원들 모두 수고했고 코스모스팀 화이팅!!😀

  • 김동주 : 이번 프로젝트로 잘 다루지 못했던 깃, 지라 등 협업툴에 대해 익숙해질 수 있었고, 프로젝트의 기획, 설계 단계부터 꼼꼼히 배울 수 있었습니다. 좋은 팀원들과 함께여서 더 잘 배우고 더 많이 배울 수 있었던 것 같고, 개발 역량이 늘어난 것뿐만아니라 좋은 사람들을 남길 수 있었던 프로젝트여서 더 행복했습니다. 앞으로 모든 팀원들 다 잘 돼서 다시 만났으면 좋겠습니다. 성호없는성호팀 화이팅! 🌸🌸

🎞 최종산출물

시연영상 Youtube 👇👇👇

시연영상

About

삼성청년SW아카데미(SSAFY 6기) 2학기 공통프로젝트 - 비대면 화상 IT 스터디 플랫폼 (SSAFY 6기 공통프로젝트 우수상)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5

AltStyle によって変換されたページ (->オリジナル) /