Giter Club home page Giter Club logo

join-us's Introduction

🏴‍☠️ 프로젝트명

Join Us [2023.02 ~ 2023.05]

🏴‍☠️ 프로젝트 소개

학교에서 프로젝트를 진행하기 위해 팀원을 구하는 것이 막막할 때가 있다. 특히 편입생, 복학생 같은 경우 학과 게시판 등 여러 곳을 돌아다니며 사람을 구하는 모습이 보편화되어 있는데, 이러한 어려움을 조금이나마 해결하기 위해 나온 프로젝트이다. 구인 뿐만 아니라 팀을 결성하면 여러 사람들이 입장하여 원활한 회의를 진행할 수 있는 메타버스적 환경도 도입하였다.

시연영상



⚙ 기술 스택

  • Spring boot
  • Svelte
  • Phaser3 (Javascript Game Engine)
  • Colyseus
  • H2 Database

📙 기능 리스트

유즈케이스 다이어그램 명 유즈케이스 다이어그램 식별자 유즈케이스 명 유즈케이스 식별자
회원관리 UCD-01 회원 가입 UC-0101
회원정보 등록 UC-0102
회원정보 조회 UC-0103
회원 탈퇴 UC-0104
로그인 UC-0105
로그아웃 UC-0106
비밀번호 변경 UC-0107
아이디 찾기 UC-0108
비밀번호 찾기 UC-0109
작성한 게시글 조회 UC-0110
유저 프로필 수정 UC-0111
유저 프로필 등록 UC-0112
타 유저 프로필 조회 UC-0113
커뮤니티 관리 UCD-02 게시글 등록 UC-0201
게시글 수정 UC-0202
게시글 삭제 UC-0203
게시글 목록 조회 UC-0204
게시글 상세 조회 UC-0205
유저 추천 UC-0208
회의 관리(메타버스) UCD-03 유저 입장 UC-0301
유저 퇴장 UC-0302
음성 채팅 관리 UC-0303
화상 채팅 관리 UC-0304
회의록 관리 UC-0305
캘린더 관리 UC-0306
채팅 관리 UC-0307
내 팀 관리 UCD-04 내 팀 목록 조회 UC-0401
내 팀 정보 등록 UC-0402
내 팀 정보 수정 UC-0403
회의록 관리 UC-0404
캘린더 관리 UC-0405
회의 생성 UC-0406
회의 입장 UC-0407
회의 삭제 UC-0408
쪽지 관리 UCD-06 쪽지 목록 조회 UC-0601
쪽지 상세 조회 UC-0602
쪽지 발신 UC-0603
쪽지 삭제 UC-0604

👨‍👩‍👧‍👦 담당 파트

프론트엔드[Svelte] + 메타버스[Phaser3, Colyseus](WebSocket, WebRTC)

  • [회원 관리 UCD-01]
  • [커뮤니티 관리 UCD-02]
  • [회의 관리(메타버스) UCD-03]
  • [쪽지 관리 UCD-06]

🎉 프로젝트하면서 배운 점, 보완해야 할 것

  • 설계 기간 때 API 설계를 하지 않고 개발했는데, 막상 개발을 시작하니 꼭 필요한 설계임을 느꼈다.
  • 개발이 어느 정도 끝났을 때 문득 메타버스(?) 환경을 굳이 왜 도입했을까라는 의문이 생겼다. -> 앞으로 프로젝트 주제를 제안할 때 명확한 목적과 목표를 설정해야겠다. (기존 시스템이 가지고 있지 않은 것을 구현하거나, 비즈니스적으로 가치를 창출하거나, 사용자에게 꼭 필요한 기능을 구현하거나)
  • Phaser3를 사용해 메타버스 환경을 구현하는 것이 굉장히 까다로웠다.(타일 생성 및 충돌, UI 구현, WebRTC를 활용한 화상채팅) 시간이 꽤 오래 걸리긴 했지만 Documentation만한 게 없다는 것을 느꼈고, 다음부터는 (구글링도 좋지만) 꼭 Documentation과 관리자가 직접 운영하는 커뮤니티를 활용해야겠다.
  • 안타깝게도 이번 프로젝트는 한 분이 도중에 빠져서 기능 구현에만 집중했다. 따라서 보안, 예외 처리 등이 제대로 안됐다. 주제가 괜찮다고 판단하여 이 프로젝트를 리뉴얼해서 스스로 A to Z로 만들어봐야겠다.

join-us's People

Contributors

jongdeug avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.