앱 출시 전 화면 점검 — 숫자 검사는 통과했는데 캡처에서 2건이 더 나왔어요

3줄 요약
- 대학생용 캠퍼스 챗봇 앱을 스토어에 올리기 전, 주소 147개를 AI로 전부 열어 제목이 빠진 페이지 12개를 찾아 4개 언어로 채웠어요.
- 위치 계산은 '겹침 없음'이었지만, 캡처를 눈으로 보니 버튼 하나가 입력창에 30px 깔리고 입력창이 메뉴바를 12px 파고들었어요.
- 작은 폰에서 두 줄로 꺾인 제목을 말줄임으로 고쳤더니 브랜드 이름이 잘려서, 다시 언어 버튼 폭을 줄이는 방식으로 바꿨어요.
배운 점
- 기계가 잴 수 있는 건 기계에게, '어떻게 보이나'는 사람이 캡처로 봐요.
- 층마다 손으로 박아 둔 위치 숫자 대신, 실제 높이부터 차례로 쌓아 올리게 해야 화면이 바뀌어도 안 어긋나요.
자주 묻는 질문
계산은 왜 겹침을 못 잡았나요?
위치를 고정 숫자로 박아 뒀는데 실제 메뉴바와 입력창 높이가 바뀌었어요. 옛 숫자끼리 비교하니 겹침이 안 보였던 거예요.
출시 전 점검 순서는요?
모든 주소의 제목 확인 → 겹침 계산 → 가장 작은 폰 크기로 캡처 → 눈으로 확인 → 고친 자리 다시 캡처.
이 페이지는 원문을 읽고 벨라 AI가 새로 정리한 요약이에요. 자세한 과정과 캡처는 원문에 있어요.