🏆우수 프로젝트 선정🏆
CookCreate는 손들기, 체크, 타이머 등의 제스처 인식을 통해
사용자 경험을 개선한 실시간 피드백 요리 화상 과외 서비스입니다.
CookCreate와 함께 맛있는 집밥을 만들어보세요!
- WebRTC를 활용한 실시간 화상 과외를 이용할 수 있습니다.
- 화상 과외 내에서 AI 제스처 인식을 통해 요리 중에도 편리하게 상호작용 할 수 있습니다.
- 화상 과외 시간 외에도 선생님과 학생들이 그룹 채팅을 통해 소통할 수 있습니다.
- 선생님은 예정 과외 시간의 한 시간 전부터 화상 과외 시작이 가능합니다. 학생은 선생님이 화상 과외를 시작했을 때 입장이 가능합니다.
- 화상 과외 화면에서는 선생님이 사전 입력한 과외 진행 단계가 표시됩니다. 학생들은 진행단계를 통해 요리를 하는 동시에 현재 수업의 진행 사항을 원활하게 따라갈 수 있습니다.
- 선생님은 화면 공유를 통해 사전 제작된 수업 영상을 학생들에게 공유할 수 있습니다.
손들기: 선생님의 도움이 필요한 학생은 ✋🏻 제스쳐를 할 수 있습니다. 선생님은 손 든 순서대로 학생들을 볼 수 있고, 손들기를 해제할 수 있습니다.체크: 수업의 현재 진행 단계를 마친 학생은 ✔️ 제스쳐를 통해 자신이 현재 단계를 완료했다는 사실을 알릴 수 있습니다. 선생님은 학생들의 진행 단계 현황을 보고 유연하게 수업을 진행할 수 있습니다.타이머: 수업 도중 타이머가 필요할 때 👌🏻 제스쳐를 통해 타이머를 시작할 수 있습니다.
- 과외 전후로 그룹 채팅방을 이용하여 공지 및 질의응답을 할 수 있습니다.
- 선생님이 채팅방을 나가면 그룹 채팅이 종료됩니다.
-
기능 개발이 완료되면 feature branch를 develop branch로 merge한다.
-
branch 규칙
master : 운영 서버로 배포하기 위한 branch
develop : 다음 출시 기능을 개발하는 branch
back : backend branch
front : frontend branch
feature : 세부 기능을 개발하는 branch, branch 이름은 각 기능명으로 작성
hotfix : 급한 에러 수정 -
feature branch 이름 규칙
feature/[front or back]/[기능명]
ex) feature/back/member
ex) feature/front/webrtc
- 커밋 타입: 내용 자세히 적어주기 [#지라이슈넘버]
- ex) FEAT: 로그인 rest api 추가 [#지라이슈넘버]
- git commit -m "[커밋타입] 커밋메세지 #프로젝트번호-JIRA이슈번호"
FEAT: 새로운 기능 및 파일을 추가할 경우
MODIFY: 기능을 변경한 경우
STYLE: 간단한 수정, 코드 변경이 없는 경우
FIX: 버그를 고친 경우
DOCS: 문서를 수정한 경우(ex> Swagger, README)
COMMENT: 주석 추가/삭제/변경한 경우
RENAME: 파일 혹은 폴더명 수정 및 이동
DELETE: 파일 혹은 기능 삭제
CHORE: 빌드 업무 수정(ex> dependency 추가)
REFATOR: 프로덕션 코드 리팩토링
MERGE: 충돌 시 머지, develop 브랜치에 풀리퀘 등
EPIC
EPIC내에 해당하는 STORY와 TASK 생성
회원 관리, 과외 모집, 리뷰, 화상 과외, 결제, 채팅, 기획 설계, 배포
STORY
사용자 입장에서 작성
ex) 사용자는 로그인을 할 수 있다.
TASK
TASK는 STORY에 링크된 이슈로 생성
BE, FE, 설계, CSS로 나눠서 작성
ex) [BE] 로그인 API 구현, [FE] 로그인 페이지 구현, [설계] 로그인 ERD 작성
backend
├─ main
├─ config
├─ controller
├─ common
│ └─ auth
├─ domain
│ ├─ entity
│ ├─ request # dto
│ └─ response # dto
├─ repository # dao
│ └─ impl
└─ service # 서비스
└─ impl<br/>frontend
├── docker
├── node_modules
├── public
└── src
├── assets # image
├── components
├── pages
├── store # redux
└── style # css