JC story

이전에 만들었던 Music App을 Loopstation으로 응용해보았습니다! Music App을 만들면서 이것저것 시도하다 보니 Loopstation에 대한 아이디어가 번뜩 떠올라 시도하게 됐습니다. ㅎㅎ 앱의 순서를 우선 보시면 Record 버튼을 눌러 녹음 시작 음이 담긴 A, S, D, F, G 키를 눌러 연주 Stop 버튼을 눌러 녹음 정지 및 다운로드, 그리고 녹음된 음원 중복 재생 reset 버튼을 통해 중복 재생 정지 입니다. HTML&CSS HTML과 CSS는 Music App에 기반됐습니다. Music App에서 추가적으로 녹음 시작 버튼, 중지 버튼, 리셋 버튼 그리고 녹음 경과 시간을 표시해주는 부분에 대한 p태그 이렇게 새로 추가되었습니다. 음원 장착 부분은 위에 링크된 Music..

'Dev Ed'의 유튜브를 보면서 Javascript 실습을 진행하고 있습니다. 실습을 계속 진행하면서 감 잡는 것이 중요하다고 생각하여 앱 만들기를 따라 하면 공부하였습니다. 이번에 진행한 영상은 Build A Meditation App with Javascript HTML&CSS입니다. 위 영상은 Dev 가 미리 만든 Git-hub MeditationApp_Tutorial을 재구현 하는 내용입니다. 이 APP의 내용은 빗소리나 해변가의 소리를 들려주며 명상에 도움을 주는 앱입니다. 소리를 몇 분 동안 들려줄 것이며 남은 시간을 중앙 디스플레이에 원형 띠와 숫자로 표시해줍니다. HTML 중요 HTML Tag는 audio와 video입니다. audio와 video는 앱에 원하는 소리와 동영상을 넣을 수 ..