OneSongHere
기간
2023.04.10 ~ 2023.05.19
GITHUB
https://github.com/ldhldh07/OneSongHere
프로젝트 소개
손쉬운 작곡 인터페이스를 제공하고, 릴레이로 작곡을 하여 결과물을 만들 수 있는 서비스입니다
테마를 정하고 스튜디오를 생성할 수 있습니다. 스튜디오에서는 노트를 클릭하거나 피아노를 키보드로 입력하는 등의 방식으로 음계를 입력할 수 있습니다. 드럼도 킥/스네어 두가지 사운드가 입력 가능합니다.
자신의 파트를 입력해서 저장하면 다른 사람들이 스튜디오 게시판에서 해당 스튜디오를 인식할 수 있습니다. 입장 후 릴레이로 음악을 작곡할 수 있습니다.
개발환경
TypeScript
- 타입스크립트를 사용하여 코드의 안정성 확보: 타입스크립트의 강력한 타입 체크 기능을 활용하여 런타임 에러를 최소화하였습니다. 또한, 코드의 가독성과 유지보수성을 향상시켰습니다.
- 인터페이스와 제네릭 사용: 객체의 특정 구조를 정의하는 인터페이스와, 타입을 매개변수화하는 제네릭을 활용하여 코드의 재사용성과 유연성을 높였습니다.
React
- 컴포넌트 기반 개발: React의 컴포넌트 기반 구조를 활용하여 UI를 재사용 가능한 독립적인 단위로 분리하였습니다. 이를 통해 코드의 재사용성을 높이고 유지보수를 용이하게 하였습니다.
- 상태 관리: React의 상태 관리 기능을 이용하여 UI의 동적인 부분을 적절하게 관리하였습니다. 이를 통해 사용자 경험을 향상시켰습니다.
- 스토리북을 이용한 아토믹 디자인 방식 학습: 컴포넌트를 독립적으로 개발하고 테스트하는 데 도움을 주는 스토리북을 사용하였습니다. 이를 통해 아토믹 디자인 방식을 학습하고, 이를 프로젝트에 적용하였습니다.
담당 파트