완성도는 스터디, 사이드 프로젝트 관리를 완성도 있게 할 수 있는 플랫폼입니다. 그동안 열심히 하겠다고 참여하고, 도망갔던 팀원 때문에 짜증 났던 분들! 완성도는 활동 에너지를 기반으로 유저의 모임 신청을 선택적으로 관리하여 질 높은 팀을 구축할 수 있습니다!
의지가 박약한 영철이는 혼자서는 공부에 집중하지 못해 스터디를 구하기로 결심합니다. 완성도에 접속하여 자신에게 딱 맞는 스터디를 찾아 나섭니다.
[ 랜딩 및 메인 페이지 ]
- 완성도의 핵심 가치를 확인하고, 현재 인기 있는 모임과 마감 임박 모임을 한눈에 둘러봅니다.
2026-04-16.3.58.09.mov
2026-04-16.4.01.57.mov
[ 탐색 페이지 (필터링) ]
- 영철이는 모임 유형(스터디), 카테고리(개발), React 등 정교한 필터링을 통해 자신이 원하는 조건의 스터디를 빠르게 찾아냅니다.
2026-04-16.4.03.39.mov
2026-04-16.4.07.20.mov
[ 모임 상세 및 신청 ]
- 마음에 드는 모임을 발견한 영철이! 모임의 규칙과 주차별 목표를 확인하고 '참여하기' 버튼을 눌러 모임장에게 신청서를 보냅니다.
2026-04-16.4.12.32.mov
스터디 모임장 영숙이는 더 이상 '잠수 타는' 팀원을 원하지 않습니다. 완성도의 활동 에너지 시스템을 통해 검증된 팀원만 승인합니다.
[ 모임 만들기 ]
- 영숙이는 이미 영철이가 봤던 모임을 아래와 같이 만들었어요!
2026-04-16.4.35.13.mov
[ 모임 상세(관리자ver.) 대기자 승인 ]
- 영철이의 신청 알림이 도착했습니다! 민수는 영철이의 과거 스터디 '활동 에너지'와 평가를 확인한 후, 믿을 만한 팀원이라고 판단하여 승인합니다.
2026-04-16.4.26.04.mov
영철이가 모임에 합류했습니다! 팀원들은 대시보드에서 각자의 할 일을 관리하고, 화상 회의를 통해 밀도 있게 소통합니다.
[ 모임 대시보드 (투두 및 달성률) ]
- 주차별 할 일을 추가하고 체크합니다. 할 일을 완료하는 순간, 서버 캐시가 즉각적으로 동기화되며 나와 팀의 달성률 차트가 실시간으로 갱신됩니다.
2026-04-16.5.13.20.mov
2026-04-16.5.13.55.mov
[ 🟢 실시간 화상 회의 (Live Meeting) ]
- "채팅만으로는 부족해!" 팀원들은 대시보드 로비에서 현재 접속 중인 멤버(🟢)를 확인하고, 내장된 WebRTC 기반 화상 회의실에 입장하여 함께 스터디를 진행합니다.
- 영숙이는 스터디 시간을 착각해서 변명거리를 생각하며 급히 회의실에 들어갑니다. (프라이버시를 위해 노이즈 처리를 한 영상입니다.)
video-output-3C3E8612-98C3-4527-B27E-BD55904836F1-1.mov
4주간의 스터디가 성공적으로 끝났습니다. 영철이는 더 이상 의지박약이 아닙니다!
[ 종료 모임 리뷰 및 마이페이지 ]
- 스터디가 종료된 후, 함께한 팀원들에게 상호 리뷰를 남깁니다.
- 좋은 평가를 받은 영철이는 마이페이지에서 자신의 활동 에너지가 상승한 것을 확인하며 큰 성취감을 느낍니다. 다음 스터디에서는 더 좋은 팀에 들어갈 수 있겠죠!
| 구분 | 기술 스택 |
|---|---|
| 언어 및 프레임워크 |    |
| 상태 관리 & 페칭 |     |
| 폼 & 유효성 검증 |   |
| 스타일링 |      |
| 테스트 & 모킹 |      |
| 외부 SDK |    |
| 배포 & 인프라 |   |
| 기타 |   |
💡 왜 이 기술들을 선택했을까요? > 완성도 프론트엔드 팀의 기술적 고민과 도입 배경이 궁금하시다면 아래 링크를 확인해 주세요!
기술 선정 이유 및 상세 아키텍처 보러가기 (Wiki) ➔