🎤 음성 메모장

이 앱은 웹 브라우저의 음성 인식(Speech Recognition API) 기능을 활용하여 사용자의 음성을 실시간으로 텍스트로 변환하고 메모하는 애플리케이션입니다. 녹음 버튼을 누른 채 말하면 음성이 텍스트로 변환되어 하단 메모 영역에 자동으로 기록되며, 날짜와 시간 스탬프가 함께 붙어 메모가 관리됩니다. 변환된 메모는 브라우저의 로컬 스토리지에 자동 저장되어 페이지를 닫았다가 다시 열어도 내용이 유지됩니다.

화면·작동 안내

주요 UI 요소

• 녹음 시작 버튼 (🎤 녹음 시작): 이 버튼을 클릭하면 음성 녹음이 시작됩니다. 마이크 권한을 요구할 수 있으며, 녹음을 시작하면 상태창에 녹음 중임을 표시하고, 말하는 동안 텍스트가 변환되어 메모 영역에 추가되기 시작합니다.
• 녹음 중지 버튼 (⏹️ 녹음 중지): 이 버튼을 클릭하면 현재 진행 중인 음성 녹음이 즉시 중지됩니다. 녹음이 멈추면 상태창이 업데이트되며, 녹음된 최종 텍스트가 메모에 기록됩니다.
• 전체 삭제 버튼 (🗑️ 전체 삭제): 이 버튼을 누르면 확인창을 통해 경고를 거친 후, 메모 영역에 있는 모든 내용이 삭제되고 로컬 스토리지에서도 제거됩니다.
• 상태 표시창: 현재 앱의 상태(준비 완료, 녹음 중, 오류 등)를 사용자에게 시각적으로 알려주는 영역입니다. 녹음 중일 때는 색상과 애니메이션이 변경되어 녹음 상태임을 강조합니다.
• 메모 텍스트 영역: 음성으로 변환되거나 수동으로 입력된 모든 텍스트가 기록되는 주요 텍스트 입력 필드입니다. 녹음 중에는 실시간으로 변환된 내용이 여기에 추가됩니다.
• 팁 안내: 앱 사용에 대한 추가적인 가이드를 제공하는 영역입니다.

사용 흐름

1. 녹음 시작: '🎤 녹음 시작' 버튼을 클릭하여 음성 녹음을 시작합니다.
2. 말하기: 마이크를 향해 원하는 내용을 말합니다. 시스템이 실시간으로 듣고 텍스트로 변환하여 아래 메모 영역에 자동으로 추가되는 것을 확인합니다.
3. 녹음 중지: 원하는 내용에 도달하면 '⏹️ 녹음 중지' 버튼을 클릭하여 녹음을 멈춥니다.
4. 메모 확인 및 수정: 메모 영역의 텍스트를 확인하고 필요하다면 직접 수정하거나 추가 내용을 입력합니다.
5. 다른 작업: 메모 내용을 임시 저장하고 앱을 벗어났다가 다시 접속해도 내용이 유지되어 작업 연속성을 유지할 수 있습니다.