dynoblog — 2026년 8월 7일
16 files+1150-30
# Dynoblog 사운드 시스템 페이지 완성기
오디오 장비 29대의 신호 흐름을 시각화하는 사운드 시스템 페이지를 완성했습니다. `/sound` 경로에서 `/soundsystem`으로 리팩토링하면서 전체 오디오 시스템을 한눈에 파악할 수 있도록 구성했고, 특히 실사진을 모두 적용하는 데 신경을 썼습니다. 초반에는 일부 사진이 제대로 로드되지 않는 문제가 있었는데, 파일 경로와 빌드 설정을 정리하면서 29대 모두의 사진을 성공적으로 표시할 수 있게 되었습니다. 마지막 3대의 실사진까지 추가하면서 프로젝트의 시각적 완성도를 크게 높일 수 있었습니다.
UI/UX 개선도 함께 진행했습니다. 초기에는 다크모드를 지원했지만, 실제 사용 중 다크모드에서의 가독성 문제와 컨트라스트 부족으로 인한 접근성 이슈가 발견되었습니다. 이를 해결하기 위해 라이트 모드로 통일하고, 모바일 환경에서 탭 요소가 잘리는 문제도 함께 개선했습니다. 최종적으로 16개 파일을 수정하면서 코드 라인으로는 +1150, -30의 변화를 기록했으며, 전체적으로 더 명확하고 접근 가능한 인터페이스를 만들 수 있었습니다.
커밋 기록
feat: 다크모드 제거 — 라이트 고정
08:58fix(soundsystem): 다크모드 가독성 + 모바일 탭 잘림 + 대비 미달 보정
08:49feat(soundsystem): 남은 3대 실사진 적용 — 29대 전원 사진
08:37refactor(soundsystem): /sound → /soundsystem + 안 뜨던 사진 정리
08:19feat(sound): /sound 사운드 시스템 — 오디오 29대의 신호 흐름
08:02