diff --git a/client/public/landing.html b/client/public/landing.html new file mode 100644 index 0000000..6258889 --- /dev/null +++ b/client/public/landing.html @@ -0,0 +1,1127 @@ + + + + + +무임하차 — 팀플, 이제 데이터로 증명하세요 + + + + + + + + + + +
+
+ + +
+ +
+
+
+ +
+
+
+
NEW 회의 중에도 실시간으로 보이는 기여도
+

+ "내가 제일
+ 열심히 했다"
+ 이제 증명하세요. +

+

+ 발언 시간, 태스크 완료율, 회의 참석률까지 — 팀플 기여도를 데이터로 투명하게 보여주는 협업 도구. + 말로 다투지 않고, 숫자로 확인하세요. +

+
+ + 설치 없이 바로 사용 · 팀원 초대만 하면 끝 +
+
+
+
90%
+
팀플 중 스트레스 경험률
+
+
+
6명
+
소규모 팀플에 최적화
+
+
+
+ +
+
+
회의 보조 · 사이드 패널
+
+
+
LIVE · 발표 준비 회의
+
24:18 / 예상 45:00
+
+
김
+
이
+
박
+
최
+ 4명 참여 중 +
+
+ +
안건 추적 · 1/3 완료
+
+ + 슬라이드 구성 검토 + 완료 +
+
+ + 발표 역할 분담 확정 + 진행 중 +
+ +
실시간 발언 비중
+
+ 김민준 + + 38% +
+
+ 이서연 + + 31% +
+
+ 박지호 + + 8% +
+
박지호님의 발언 비중이 10% 미만이에요. 의견을 물어봐 주세요.
+
+
+
태스크 7/11 완료
+
무임승차 자동 감지
+
+
+
+ +
+
+ 대학생 팀플 그대로 가져왔어요 +
+ 캡스톤 설계 + 전공 팀플 + 교양 조별과제 + 스터디 +
+
+
+ +
+
+
+
왜 필요한가
+

팀플 무임승차는 모두가 겪지만,
누구도 '증명'하지 못했습니다.

+

원인도, 해법의 방향도 이미 알고 있습니다. 문제는 그것을 '기여도'라는 숫자로 옮길 방법이 없었다는 것.

+
+
+
+
90.3%
+
팀플 중 심한 스트레스를
경험한 학생 비율
+
국립경국대 재학생 62명 설문
+
+
+
65.9%
+
개인 과제를 선호하는
1순위 이유 = 무임승차자 문제
+
국민대 학부생 152명·교원 18명 설문
+
+
+
55.4%
+
역할 불균형(무임승차)을
스트레스 2위 요인으로 지목
+
국립경국대 재학생 62명 설문 (복수응답)
+
+
+
+
+ +
+
+
+
핵심 기능
+

회의 전, 중, 후 — 어디서도
놓치지 않습니다

+

감으로 매기는 평가는 그만. 발언·태스크·출석을 자동으로 기록하고, 누구나 같은 기준으로 확인합니다.

+
+
+
+
+

회의 중 실시간 기여도

+

회의 앱 옆에 항상 떠 있는 400px 보조 창. 발언 비중을 실시간 막대로 보여주고, 한쪽으로 쏠리면 바로 알려줍니다.

+
+
+
+

안건·태스크 자동 추적

+

안건별 진행 상태와 시간 초과를 한눈에. 단축키로 결정사항·액션 아이템을 즉시 기록해 회의가 끝나도 사라지지 않습니다.

+
+
+
+

교수 제출용 기여도 리포트

+

회의·프로젝트 단위로 멤버별 기여도를 집계해 PDF 한 번에 출력. "내가 더 했다"는 말 대신 데이터를 제출하세요.

+
+
+
+
+ +
+
+ +
+
실제 화면
+

화면으로 직접 확인하세요

+

화살표를 눌러 그룹 생성부터 리포트까지, 무임하차의 핵심 화면을 둘러보세요.

+
+ +
+
+
+
무임하차 그룹 생성 화면
+
무임하차 홈 화면
+
무임하차 대시보드 화면
+
무임하차 태스크 보드 화면
+
무임하차 회의 관리 화면
+
무임하차 기여도 리포트 화면
+
+ + +
+ +
+
+
+
그룹 시작하기
+

3단계면 충분합니다

+

그룹 이름과 과목 유형만 정하면, 초대 코드로 팀원을 바로 데려올 수 있어요.

+
+
+
홈
+

내 모든 그룹이 한 화면에

+

참여 중인 그룹의 기여도, 내 태스크, 예정된 회의까지 — 흩어진 카톡방을 뒤지지 않아도 됩니다.

+
+
+
대시보드
+

감이 아니라 숫자로 보는 팀 현황

+

팀원별 기여도와 진행률을 실시간으로 집계합니다. 누가 도움이 필요한지, 대시보드가 먼저 알려줍니다.

+
+
+
태스크
+

할 일은 보드 하나로 충분합니다

+

할 일·진행 중·완료를 칸반 보드로 관리하고, 담당자와 마감일까지 한눈에 확인하세요.

+
+
+
회의 관리
+

회의 기록, 따로 정리하지 마세요

+

아젠다, 발언 기록, 출결, 결정 사항까지 회의 하나에 자동으로 쌓입니다.

+
+
+
기여도 리포트
+

제출용 리포트, 클릭 한 번으로

+

발언·출석·태스크를 가중 합산한 점수와 레이더 차트를 PDF로 바로 내보낼 수 있어요.

+
+
+
+ + + + + + +
+
1 / 6
+
+
+ +
+
+ +
+
+
+ "팀플이지만 개인의 역할을 정확히 정해서 조 점수 뿐 아니라 개인 점수도 부여하는 식으로 했으면 좋겠다." +
+
+

+ 팀플을 해본 사람이라면 다 압니다. 발표 전날 밤, 혼자 슬라이드를 만들고 있을 때의 그 기분. + "나만 한 거 같은데" 라는 의심은 있지만, 그걸 입증할 방법은 없었습니다. +

+

+ 평가는 늘 조 단위였고, 누가 더 많이 했는지는 결국 '인상'과 '기억'에 맡겨졌습니다. + 회의 내용은 정리되지 않고 흩어졌고, 결정 사항은 다음 모임이면 잊혔습니다. +

+

+ 무임하차는 이 문제를 감이 아니라 데이터로 풀자는 생각에서 시작했습니다. + 발언 시간, 완료한 태스크, 회의 참석률 — 이미 회의 중에 자연스럽게 만들어지는 신호를 + 그냥 흘려보내지 않고 기록하면, 누구나 동의할 수 있는 기준이 생긴다고 믿습니다. +

+
무임하차 팀 드림
+
+
+
+ +
+
+
+
지키는 원칙
+

기록하지만, 감시하지 않습니다

+

기여도를 측정하는 도구가 사생활을 침해해서는 안 된다고 믿습니다.

+
+
+
+
+

음성 원본 미저장

+

음성은 각자 기기 안에서만 텍스트로 변환됩니다. 녹음 파일은 기기 밖으로 나가지 않습니다.

+
+
+
+

텍스트만 서버로

+

서버에는 변환된 텍스트와 통계만 저장됩니다. 발언 내용 원본은 누구도 들을 수 없습니다.

+
+
+
+

로컬 음성 인식

+

각자의 기기에서 직접 음성을 처리해, 인터넷이 불안정해도 회의 기록이 끊기지 않습니다.

+
+
+
+

6인 이하 소규모 특화

+

대학생 팀플 규모에 맞춰 설계했습니다. 작은 팀에서도 기여도 차이가 또렷하게 보입니다.

+
+
+
+
+ +
+
+

이번 학기 팀플,
말이 아니라 데이터로 끝내보세요.

+

팀원 초대 후 바로 사용 · 별도 설치 없음

+
+ + 카카오로 시작하기 + + +
+
로그인 시 이용약관 및 개인정보처리방침에 동의합니다.
+
+
+ + + + + + diff --git a/client/src/App.tsx b/client/src/App.tsx index f03b1db..83b698f 100644 --- a/client/src/App.tsx +++ b/client/src/App.tsx @@ -16,7 +16,7 @@ function PrivateRoute({ children }: { children: React.ReactNode }) { const { showToast } = useToast(); if (!token) { showToast("로그인이 필요합니다."); - return ; + return ; } return <>{children}; } @@ -26,6 +26,7 @@ export default function App() {
} /> + } /> } /> } /> {/* 정의되지 않은 경로는 로그인으로 */} - } /> + } /> {/* useToast 훅이 DOM을 직접 조작하는 대상. React 상태 대신 DOM 조작 방식으로 어느 컴포넌트에서든 호출 가능하고 리렌더 없이 즉시 표시됨. */}