크로스 브라우징은 어떤 기준으로 접근하고 검증하나요?

이렇게 답해 보세요 (핵심 답변)

크로스 브라우징은 모든 브라우저에서 1픽셀까지 똑같이 보이게 만드는 작업이 아니라, 서비스가 목표로 하는 브라우저·OS·기기 범위에서 사용자가 핵심 기능을 문제없이 이용할 수 있도록 호환성을 확보하는 과정입니다. 먼저 사용자 통계와 비즈니스 요구를 바탕으로 지원 대상(browserslist)을 정의하고, User-Agent 문자열 추측 대신 기능 탐지(Feature Detection, @supports, 'in' 연산자 등)와 점진적 향상(Progressive Enhancement) 전략을 적용합니다. 아울러 Babel·Autoprefixer·polyfill로 기본 호환성을 맞추고, Safari·모바일 브라우저 등 실제 렌더링 엔진 환경에서 레이아웃·폼 입력·스크롤 동작을 자동화 테스트(Playwright 등)와 수동 점검으로 검증합니다.

함께 설명하면 좋은 이유 (꼬리질문 대비)

1. 지원 범위와 중단 기준이 명확해야 구형 브라우저 대응을 위해 최신 환경의 번들 크기와 개발 속도를 과도하게 희생하지 않을 수 있습니다.
2. 브라우저마다 폰트 렌더링이나 기본 폼 스타일이 조금씩 다를 수 있으므로, 시각적 동일성보다 기능 동작과 레이아웃 안정성에 우선순위를 둡니다.

면접에서 자주 하는 실수

navigator.userAgent 문자열만 단순 비교해 기능을 분기하면 브라우저 버전 업데이트나 다른 호환 엔진에서 쉽게 오작동할 수 있습니다.