분류

Frontend

이 주제로 남긴 기록 9편

Compose 웹의 정간보 편집기에서 한글 조합과 Enter 등록을 다루고, 미리보기와 오류 안내가 나타나는 시점을 분리했습니다.

그림자까지 함께 그려진 마스코트 일러스트로 움짤을 만들며, 그림자를 바닥 레이어로 떼어 내고 발을 축으로 흔들리게 만든 과정입니다.

선택한 연주의 평가가 맞는지 확인하고, 추천 구간이나 악기명 조회가 실패해도 점수와 오류를 보여준 프론트엔드 설계입니다.

큰 글씨 설정에서 악보와 운지를 읽을 수 있도록 Compose 연습 화면의 가용 높이와 글자 크기를 함께 계산한 과정입니다.

곡 목록의 응답과 같은 시점에 찍힌 콘솔 오류를 대조해, 브라우저 확장과 문서 UI가 남긴 오류의 출처를 구분했습니다.

업로드 대기 녹음을 보관하는 도중 상태 조회가 파일을 지울 수 있었습니다. 정리 시점을 옮기고, 파일 이동과 기록 저장 사이에 조회를 끼워 넣어 검증했습니다.

녹음 접수와 평가 완료를 분리하고, 앱이 2초마다 상태를 묻다가 멈추는 조건을 가짜 시계로 확인했습니다.

Wasm에서 실행한 녹음 업로드 공통 테스트와 Android 파일 구현의 제한된 JVM 검사를 분리해, 각 결과가 확인한 범위를 정리했습니다.

화면이 보인 시간에서 자리 비움과 백그라운드를 빼고, 앱이 종료되면 마지막 저장 시점까지 기록을 복구하는 과정을 정리했습니다.