Day #3 Bolt 해커톤 진행 상황 요약

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

앱 개발

대상자

• 앱 개발자, 해커톤 참가자, 프론트엔드 개발자
• 난이도: 중간 (동적 라우팅 및 데이터베이스 연동 기초 이해 필요)

핵심 요약

• 동적 라우팅 구현 완료: 곡 재생 및 가사 표시 기능 개발 (현재 1곡만 데이터베이스에 등록)
• 기능 구조: start lesson 버튼 클릭 시 곡 재생 + 가사 동기화
• 데이터베이스 상태: 초기 단계로 1곡만 저장, 확장 필요

섹션별 세부 요약

1. 해커톤 진행 상황

• 동적 라우팅: 곡 선택 시 실시간 재생 및 가사 표시 기능 구현
• 데이터베이스: 현재 1곡만 저장, 향후 확장 필요
• UI/UX: start lesson 버튼 클릭 시 곡 재생 인터페이스 연결

2. 기술적 구현

• 라이브러리 사용: Bolt 플랫폼의 동적 라우팅 기능 활용
• 데이터 연동: 곡 정보를 데이터베이스와 연결하여 재생 가능
• 가사 동기화: 곡 재생 시간에 맞춰 가사 표시 로직 구현

결론

• 핵심 팁: 초기 단계에서는 1곡으로 기능 검증 후, 데이터베이스 확장 및 복수 곡 지원으로 확장
• 실무 적용: 동적 라우팅 기능 확장 시, start lesson 버튼 클릭 이벤트와 데이터베이스 쿼리 연동 필수
• 추가 고려: 사용자 피드백을 통해 가사 표시 타이밍 조정 및 곡 추가 기능 개발 필요