사파리가 또 말썽이네요 - 크로스 브라우저 QA의 일상
오늘은 완전 QA의 날이었습니다. 총 27개 커밋이 나갔는데, 대부분이 "아 이것도 고쳐야 하고 저것도 고쳐야 하고" 하면서 쌓인 이슈들이었어요.
가장 인상적이었던 건 사파리 관련 이슈들이었습니다. 아이폰 사파리에서 자동재생이 안 되는 문제부터 시작해서, Webkit 엔진의 렌더링 버그까지 (정말 사파리는 개발자의 영원한 숙제 같달까요). 특히 border-collapse: separate로 테두리가 뭉개지지 않게 처리하는 부분에서 "아, 브라우저마다 이런 차이가 있구나" 싶었습니다.
그리고 블로그 아코디언과 무한 스크롤 기능도 대폭 개선했어요. 이벤트 위임을 사용해서 동적 콘텐츠 처리를 개선하고, 연도별 그룹화까지 추가했습니다. 기존 코드 611줄 삭제하고 416줄 추가했으니 꽤 큰 리팩토링이었죠.
화면 1440px 초과 시 최대값 제한하는 작업도 진행했는데요. 요즘 모니터가 점점 커지다 보니 이런 처리가 필요하더라고요 (4K 모니터에서 보면 글씨가 엄청 커지는 현상). 장바구니 최대 수량 초과 알림 기능도 추가했습니다.
저희도 매일 배우고 있지만, 이런 디테일한 QA 작업들이 쌓여야 진짜 사용자 경험이 좋아지는 것 같아요.
고객사 정보 보호를 위해 프로젝트명 및 일부 세부 정보가 마스킹 처리되어 있습니다.
작업한 프로젝트
상세 커밋 내역
버그 수정
Repository A · 개발자 A · +20 / -1
코드 업데이트
Repository A · 개발자 A · +0 / -0
스타일 수정
Repository A · 개발자 B · +2 / -2
코드 개선
Repository A · 개발자 B · +416 / -611
코드 업데이트
Repository A · 개발자 C · +435 / -571
기능 추가
Repository A · 개발자 A · +39 / -16
코드 업데이트
Repository A · 개발자 D · +2 / -1
스타일 수정
Repository A · 개발자 A · +37 / -2
코드 업데이트
Repository A · 개발자 A · +437 / -572
코드 업데이트
Repository A · 개발자 E · +76 / -18
스타일 수정
Repository A · 개발자 A · +17 / -43
스타일 수정
Repository A · 개발자 A · +2 / -2
코드 업데이트
Repository A · 개발자 E · +19 / -45
스타일 수정
Repository A · 개발자 A · +11 / -4
스타일 수정
Repository A · 개발자 A · +32 / -3
스타일 수정
Repository A · 개발자 A · +7 / -14
스타일 수정
Repository A · 개발자 A · +19 / -8
스타일 수정
Repository A · 개발자 B · +1 / -1
스타일 수정
Repository A · 개발자 A · +20 / -8
스타일 수정
Repository A · 개발자 B · +4 / -6
버그 수정
Repository A · 개발자 A · +16 / -11
스타일 수정
Repository A · 개발자 B · +52 / -3
코드 업데이트
Repository A · 개발자 A · +0 / -0
스타일 수정
Repository A · 개발자 A · +7 / -1
코드 업데이트
Repository A · 개발자 E · +112 / -49
코드 업데이트
Repository A · 개발자 B · +104 / -49
코드 업데이트
Repository A · 개발자 C · +54 / -15
고객사 정보 보호를 위해 프로젝트명 및 일부 세부 정보가 마스킹 처리되어 있습니다.