💃Shake Up!

온라인 댄스 학습 플랫폼

Shake up 이란?

몸을 흔들다
큰 변화를 일으키다

https://github.com/apdltpdl22/Shake-Up

🌟기획 배경

'스트릿 우먼 파이터' 등 댄스 방송을 통해 사회 전체적으로 국내 댄서에 대한 인식이 높아졌다.
일반인들도 유튜브, 틱톡 등 비디오 플랫폼을 보며 댄스에 관심을 갖고, 배우고 싶은 의욕이 높아졌다.
설문조사 실시 결과(2022.01.12 ~ 2022.01.14, 20대 18명 대상) : 먼 거리에서 오프라인으로만 이뤄지는 댄스 교육을 받기 어렵고, 올바르게 춤을 추고 있는지 알기 어렵다는 의견이 있었다.

Untitled

📽️프로젝트 UCC(UCC 대회 수상작)

https://www.youtube.com/watch?v=PecaFVn66D8

참여인원	6명
개요	인공지능 모션 캡쳐 기술 기반의 댄스 학습 플랫폼(웹 앱)
기술 환경	React, JavaScript, TensorFlow, Google Teachable Machine, Android Studio, Java, Spring, Firebase, MariaDB, AWS
담당 역할	1. 기획자

타겟 소비자층을 대상으로 설문조사 진행
설문조사 결과와 자료 조사 기반으로 프로젝트 기획안 작성

2. UX/UI 디자인

Adobe XD이용해 와이어프레임과 UX/UI 디자인
화면 디자인 기반으로 기능명세서 작성

3. 프론트엔드

React 상에서 JavaScript를 활용해 메인 페이지, 댄스 월드컵, 마이페이지 등 페이지를 구현
백엔드 담당 팀원과 함께 RESTful API를 구현해, swagger을 활용해 API 요청과 응답을 구현
HTML과 CSS를 이용해 페이지를 디자인

4. 발표

최종발표회에서 발표자료 제작 및 서비스 발표 | | 성과 및 배운점 | 1. UCC 경진대회 특별상을 수상, 반에서 베스트 멤버로 선정.

React를 처음으로 사용해보면서, router, 훅(useNavigate, useState, useEffect), Material-UI등의 기능을 구현하는 방법을 익힘.
Teachable Machine을 활용해, 동작을 인식하는 인공지능 모델을 간단히 구현할 방법을 익힘.
Jira를 협업 툴로 처음 사용하면서 Epic, Story 등 기본적인 기능을 익힘.
swagger을 활용해 API 요청과 응답을 테스트하는 방법 알게 됨.
Git-flow의 개념을 익히고, 직접 활용해 봄. |

🌈인공지능