- 웹 환경에서 런치패드를 이용한 연주와 커스텀 프리셋 공유 사이트
-
기술 스택
-
프론트엔드
- REACT
- TypeScript
- Maturial UI (Mui.v5)
- React-Redux
-
백엔드
- Node.js
- Express.js
- MongoDB
- Azure / AWS / Nginx (미정)
-
공용
- esLint
- Prettier
-
추가사항
- 테스트 (jest...)
- Redux saga, thunk...
-
-
웹서비스에 대한 자세한 개요
- 기본적으로 제공하는 프리셋(사운드, 효과음 모음)을 통해 런치 패드를 연주할 볼 수 있습니다.
- 자신이 직접 사운드 소스를 올려 자신만의 프리셋을 제작해서 공유할 수 있습니다.
- 다른 사람이 공개해 놓은 프리셋을 가져와서 소스를 수정하여 변형할 수 있습니다.
-
프로젝트 아이디어 동기 :
-
해당 서비스를 통해 해결하고 싶었던 문제를 구체적으로 명시 : 비싼 음악 장비 도구를 구매할 필요 없이 쉬운 접근성으로 직접 악기를 연주해 볼 수 있는 체험을 중점으로 두었습니다. 따라서 악기 연주에 대한 진입장벽을 낮추고 인터렉티브한 경험을 할 수 있습니다.
-
기본 기능
- 로그인/로그아웃
- 회원가입
- 메인 페이지
-
주요 기능
- 자유 연주기능
- 프리셋 생성/수정/삭제
- Fork (가져오기)
- 마이페이지
- 커뮤니티 기능 (좋아요, 댓글)
-
서브 기능
- 프로필 수정
- 좋아요 누른 프리셋 보관함
- 검색어 리스트
-
프로젝트만의 차별점, 기대 효과
- https://intro.novationmusic.com/ : 위의 웹 사이트에서는 단순하게 연주만 할 수 있고 자신의 입맛대로 소리와 버튼을 수정할 수 없다. 하지만 우리가 만드는 웹 페이지에서는 단순히 연주에서 끝나는 것이 아니라 자신이 소리와 버튼의 종류, 배치 등을 커스터마이즈하여 새롭게 연주할 수 있고 그것들을 다른 사람들과 공유하여 의견을 나누고 긍정적인 방향으로 즐길 수 있으며 더 나아가 음악적 능력을 기를 수 있다.
- https://soundcloud.com/ : 위의 웹 사이트에서는 자신이 작곡한 곡들을 업로드하고 그것을 타인이 듣고 의견을 남길 수 있다. 하지만 우리의 웹 사이트는 듣는 것이 목적이 아닌 능동적이고 직접적으로 소리들을 연주하고 조작하여 음악적 경험을 더욱 더 향상시킬 수 있다.
| 이름 | 담당 업무 |
|---|---|
| 정경훈 | 팀장/프론트엔드 개발 |
| 장병연 | 프론트엔드 개발 |
| 한대현 | 프론트엔드 개발 |
| 홍순규 | 프론트엔드 개발 |
| 김은솔 | 프론트엔드 개발 |
| 김하늘 | 백엔드 개발 |
- 프론트엔드 담당
- 기획 단계: 구체적인 설계와 지표에 따른 프로젝트 제안서 작성
- 개발 단계: 팀원간의 일정 등 조율 + 프론트 or 백엔드 개발
- 수정 단계: 기획, 스크럼 진행, 코치님 피드백 반영해서 수정, 발표 준비
- 백엔드 담당
- 기획 단계: 큰 주제에서 문제 해결 아이디어 도출, 와이어프레임 작성
- 개발 단계: 와이어프레임을 기반으로 구현, UI 디자인 완성
- 수정 단계: 피드백 반영해서 프론트 디자인 수정
- 프로젝트의 버전 기입
- 자주 받는 질문 정리