크로스 브라우저 렌더링 차이와 터치 이벤트 경험
팀 프로젝트에서 크로스 브라우저 테스트를 처음 제대로 해봤을 때, 크롬에서 멀쩡하던 레이아웃이 모바일 Safari에서 깨지는 문제를 겪었습니다. 그때부터 플랫폼마다 렌더링 엔진이 다르다는 점을 실제로 체감했고, CSS 속성 일부는 caniuse.com 지원 표를 확인하는 습관이 생겼습니다. 모바일 테스트에서 특히 주의하는 건 터치 이벤트와 클릭 이벤트의 발화 순서인데, 이를 혼용하면 의도치 않은 동작이 생기는 경우가 있었습니다.
overflow: hidden으로 숨겨진 콘텐츠가 화면이 좁아지면 접근 불가 상태가 되는 문제도 직접 경험했습니다. 이후로 QA 단계에서 디바이스 다양성을 먼저 체크리스트로 정의하는 것이 테스트 공수를 오히려 줄여준다는 걸 알게 됐습니다.