오픈 전날 밤, 담당자가 마지막으로 훑어본 것은 메인 화면 하나뿐이었습니다. 다음 날 오픈하자마자 모바일에서 신청 폼이 아예 열리지 않는다는 민원이 들어왔습니다. QA는 “한 번 둘러보기”가 아니라 화면 뒤의 데이터 흐름까지 확인하는 절차입니다. 여기서는 잔금을 치르기 전 개발사에 요청해야 할 프론트엔드·백엔드 점검 항목을 실무 순서대로 정리합니다.
왜 “눈으로 보는 검수”만으로는 부족한가
발주사 담당자는 대부분 디자이너나 마케터 시선으로 화면을 확인합니다. 색상, 문구, 배치는 꼼꼼히 보지만 다음은 놓치기 쉽습니다.
- 폼을 제출했을 때 데이터가 실제로 어디로 저장되는지
- 필수값을 비우고 제출하면 어떤 반응이 나오는지
- 같은 작업을 여러 브라우저·기기에서 반복해도 동일하게 동작하는지
- 관리자 화면에서 실제로 그 데이터를 조회·수정할 수 있는지
화면이 예쁘게 뜨는 것과, 그 화면이 정상적으로 “일”을 하는 것은 다른 문제입니다. 아래 체크리스트는 프론트엔드(화면)와 백엔드(처리·저장)를 나눠서 확인하는 방식입니다.
프론트엔드 QA — 화면과 사용자 경험
| 점검 항목 | 확인 방법 |
|---|---|
| 반응형 레이아웃 | 360px, 768px, 1024px, 1440px 폭에서 깨짐 여부 확인 |
| 폼 유효성 검증 | 필수값 비움, 형식 오류(이메일·연락처) 입력 시 안내 문구 노출 확인 |
| 버튼·링크 전체 클릭 | 메뉴·푸터·배너 링크가 실제 목적 페이지로 연결되는지 전수 확인 |
| 이미지 대체 텍스트 | 이미지 로딩 실패 시 alt 텍스트 노출 여부 |
| 브라우저 호환성 | 최소 2종 이상의 브라우저에서 레이아웃·기능 동일 여부 |
| 로딩 상태 표시 | 버튼 중복 클릭 방지, 처리 중 로딩 표시 여부 |
특히 폼 유효성 검증은 실제 사용자가 가장 자주 겪는 오류입니다. 필수값을 비운 채 제출 버튼을 눌러보는 것만으로도 절반 이상의 프론트엔드 결함을 찾을 수 있습니다.
백엔드 QA — 데이터와 처리 로직
| 점검 항목 | 확인 방법 |
|---|---|
| 데이터 저장 확인 | 폼 제출 후 관리자 화면 또는 DB에서 실제 저장 여부 확인 |
| 중복 제출 방지 | 같은 폼을 빠르게 두 번 제출했을 때 중복 데이터 생성 여부 |
| 권한별 접근 제어 | 비로그인/일반회원/운영자 계정으로 각각 접근해 노출 범위 확인 |
| 대량 데이터 처리 | 목록·검색 화면에 임시 데이터 100건 이상 넣고 응답 속도 확인 |
| 오류 처리 | 서버 응답 실패 상황을 가정해 사용자에게 적절한 안내가 나오는지 |
| 백업·복구 | 실수로 데이터를 삭제했을 때 복구 가능 여부와 절차 |
백엔드 결함은 오픈 초반에는 드러나지 않다가, 트래픽이 몰리거나 데이터가 쌓이는 시점에 갑자기 터지는 경우가 많습니다. 상세 절차는 주차별 스코프 검수 노하우에서 함께 다룹니다.
연동 기능은 별도 시나리오로 테스트해야 한다
결제, 문자·알림, 지도, 외부 API 연동은 화면 하나로 끝나지 않고 여러 시스템을 거치기 때문에 아래처럼 시나리오 기반으로 확인해야 합니다.
- 정상 시나리오 — 결제 성공, 알림 정상 수신까지 전체 흐름 확인
- 취소·실패 시나리오 — 결제 취소, 결제 실패 시 주문 상태가 올바르게 반영되는지
- 중단 시나리오 — 결제 진행 중 사용자가 창을 닫았을 때 데이터가 남는지
- 재시도 시나리오 — 알림 발송이 실패했을 때 재발송되는지, 로그가 남는지
“결제가 됐다”는 사실 하나만으로는 부족합니다. 취소·실패·중단까지 확인해야 실제 운영 중 발생하는 문의를 줄일 수 있습니다. PG 연동은 PG 연동 및 보안 테스트 절차를 함께 참고하세요.
오픈 직전 최종 점검 순서
실제 오픈 하루 전에는 다음 순서로 점검하는 것을 권장합니다.
- 대표 시나리오 3~5개(회원가입, 문의, 구매 등)를 처음부터 끝까지 실행
- 모바일 기기 실물로 동일 시나리오 재확인(에뮬레이터만으로는 부족)
- 관리자 계정으로 로그인해 실제 데이터가 조회·수정되는지 확인
- 검색엔진 수집 관련 설정(robots.txt, sitemap.xml) 확인
- SSL 인증서, 도메인 연결 상태 재확인
- 오류 발생 시 담당자에게 알림이 가는 구조인지 확인
이 여섯 가지를 빠짐없이 확인하면 오픈 첫날 발생하는 민원의 대부분을 사전에 걸러낼 수 있습니다.
검수 결과를 문서로 남기는 이유
QA는 구두로 “확인했습니다”라고 끝내면 나중에 근거가 남지 않습니다. 아래처럼 표 형태로 결과를 남기는 것이 좋습니다.
| 항목 | 결과 | 비고 |
|---|---|---|
| 회원가입 폼 | 정상 | 모바일·PC 모두 확인 |
| 결제 취소 시나리오 | 보류 | 재검수 요청, 기한 명시 |
| 관리자 권한 분리 | 정상 | 부서별 계정 3개로 테스트 |
이 표는 잔금 지급 시점의 근거 자료가 되기도 하고, 이후 유지보수 담당자가 바뀌었을 때 “어떤 기준으로 검수됐는지”를 확인하는 참고 자료로도 쓰입니다.
자체 QA가 어렵다면 이렇게 요청하세요
발주사 내부에 QA 전담자가 없는 경우가 대부분입니다. 이럴 때는 개발사에 아래를 명시적으로 요청하는 것이 현실적입니다.
- 기능별 테스트 케이스 문서를 검수 시작 전에 먼저 공유받기
- 개발사의 1차 자체 QA 결과(캡처 포함)를 먼저 전달받기
- 발주사는 그 문서를 기준으로 “되는지 안 되는지”만 표시하는 방식으로 검수 부담 줄이기
QA 역량이 부족한 발주사일수록 오히려 이런 절차를 문서로 요구하는 것이 중요합니다. 절차가 없으면 “확인은 했는데 뭘 확인했는지 기억이 안 나는” 상황이 반복됩니다.
자주 묻는 질문 (FAQ)
QA는 보통 얼마의 기간을 잡아야 하나요? +
중소 규모 홈페이지는 3~5영업일, 쇼핑몰이나 예약·결제가 포함된 시스템은 최소 7~10영업일을 권장합니다. 연동 기능이 많을수록 시나리오 수가 늘어나므로 그만큼 검수 기간도 늘려야 합니다.
모바일 에뮬레이터로 확인해도 충분한가요? +
레이아웃 확인 정도는 가능하지만, 실제 터치 반응이나 카메라·위치 권한이 필요한 기능은 실제 기기로 확인해야 정확합니다. 최소 안드로이드·아이폰 각 1대 이상으로 실기기 테스트를 권장합니다.
오픈 후에 발견된 버그는 무상 수정 대상인가요? +
계약서에 명시된 기능 범위 내에서 정상 동작하지 않는 결함이라면 대부분 무상 수정 대상입니다. 다만 검수 완료 후 새로운 요구사항이 추가된 것이라면 변경관리 절차로 별도 처리하는 것이 원칙입니다.
내부에 QA 담당자가 없으면 어떻게 해야 하나요? +
개발사에 테스트 케이스 문서와 1차 자체 검수 결과를 먼저 요청하고, 발주사는 그 문서를 기준으로 실제 화면에서 재현만 확인하는 방식이 효율적입니다. 처음부터 모든 케이스를 직접 설계하지 않아도 됩니다.
검수 중 문제가 많이 발견되면 일정이 늦어지는데 어떻게 대응해야 하나요? +
문제의 심각도를 나눠서 대응하는 것이 좋습니다. 핵심 기능(결제, 회원가입 등)의 결함은 오픈을 연기해서라도 수정해야 하지만, 경미한 문구·디자인 수정은 오픈 후 순차 반영으로 일정을 지킬 수 있습니다.