By dororok 프로젝트 개요
제작할 프로그램은?
드럼 악보를 직접 만들 수 있는 웹사이트. 웹으로 제작해서 모바일, 태플릿, PC 모두 대응되게 만들 예정이다.
제작하는 이유?
현재 드럼 악보제작을 위해서는 MuseScore라는 프로그램을 많이 쓴다. 그런데 컴퓨터에서만 사용할 수 있는 프로그램이다. 모바일로 영상 편집도 하는 시대에, 모바일로 드럼 악보도 만들 수 있으면 편리하겠다고 생각했다.
또한 최근에는 피그마, 구글 드라이브와 같이 여러 툴들을 웹으로 만드는 추세이다. 별도의 설치 없이 사용할 수 있고, 서버에 데이터를 저장하여 로그인만 하면 어느 디바이스에서나 본인이 작업하던 내역을 불러올 수 있다는 장점이 있다. 이번에 제작할 프로그램도 이러한 최근 트렌드를 반영하여 웹 기반 프로그램으로 제작해 보려고 한다.
제공할 기능은?
- 로그인 페이지: 소셜로그인(구글, 네이버), 기본로그인
- 해외 유저를 위한 구글 로그인과 국내 유저를 위한 네이버 로그인을 넣었다.
- 로그인을 해야만 사용 가능하다.
- 워크스페이스 페이지: 본인이 만든 악보들을 조회하고 수정할 수 있다.
- 악보제작: 드럼악보를 제작할 수 있다.
- 악보다운: A4포맷, pdf형식으로 악보를 다운로드 할 수 있다.
어떻게 만들까?
- 프론트: 리액트
- 선정 이유: 가장 익숙한 프레임워크이기 때문
- 백엔드: 스프링 부트
- 선정 이유: 현재 스프링 부트를 배우고 있어서 배운 내용을 적용해 보려고 한다.
- DB: MySQL
- 선정 이유: 이전 회사에서 NoSQL 기반 데이터베이스(MongoDB)를 사용했기 때문에 RDB에 대한 숙련도를 올리기 위해 이번에는 SQL기반 데이터베이스를 사용해 보려고 한다. SQL기반 데이터베이스의 종류에는 MariaDB, MySQL, PostgreSQL 등 여러 종류가 있지만 각 데이터베이스가 크게 차이가 없다고 하여 적당히(아무거나) 선정하였다.
우선 이정도만 생각해 두고, 이 외의 사항들은 프로젝트를 진행시켜 나가며 결정할 예정이다.
제작기간은?
- 1.5달 (2024/08/22 시작)
취업용 포트폴리오로도 사용할 예정이라 빨리 만들고싶다.
화면설계
작업 1일차! 피그마로 로그인 페이지와 메인 화면인 워크스페이스 화면설계를 진행했다.
1. 로그인 페이지
2. 워크스페이스(로그인 후 메인화면)
