우아한 디버깅 툴: QA 이슈 해결에 필요한 데이터를 쉽게 주고, 받자 #우아콘2025 #우아한형제들
우아콘 2025 우아한형제들 · YouTube
AI 핵심 요약
모바일 웹 QA에서는 이슈를 다시 재현해 데이터를 모아야 하고, 티켓에 필요한 정보가 빠지면 추가 요청과 대기로 개발자와 QA 모두 컨텍스트 스위칭을 겪었다. 이를 줄이기 위해 웹페이지에 SDK를 심어 화면·DOM·콘솔·네트워크 정보를 자동 수집하고, CDP 형식으로 저장해 원격 개발자 도구처럼 조회하는 우아한 디버깅 툴을 만들었다. 기록방과 자동 티켓 생성, API 요청·응답을 바꾸는 네트워크 리라이트를 제공하며, 이전 화면 데이터는 웹소켓과 서버 메모리, S3를 활용해 보존한다. QA 담당자 피드백에서는 이슈 등록 시간이 줄고 데이터 누락도 감소했으며, 핵심 교훈은 재현과 수집을 사후 작업이 아니라 테스트 중 자동화해 이슈 발견 후 바로 공유하는 흐름을 만드는 것이다.
- 브라우저 SDK에서 MutationObserver와 이벤트 리스너, API 오버라이드를 활용해 DOM·콘솔·네트워크 데이터를 수집할 수 있다.
- 수집 데이터를 Chrome DevTools Protocol(CDP) 형식으로 매핑하면 개발자 도구와 유사한 원격 디버깅 화면을 구성할 수 있다.
- 기록방 생성 전 데이터는 메모리에 캐시하고, 생성 시점에 전송해 저장하면 모든 테스트 데이터를 무조건 영구 저장하는 부담을 줄일 수 있다.
- 이전 화면 기록은 서버 메모리에 임시 보관한 뒤 S3에 저장하는 방식으로 구현했으며, 저장 비용과 성능을 고려해 검증 중이다.
- 네트워크 응답을 조작하는 기능은 실제로 만들기 어려운 조건이나 오류 상황을 재현해 프런트엔드의 예외 처리를 확인하는 데 유용하다.
소개
[세션 설명] 필요한 데이터가 누락되면 개발자는 다시 추가 데이터를 요청하고, 기다리는 동안 컨텍스트 스위칭이 발생해 비효율적인 상황이 반복됩니다. 이러한 문제를 해결하기 위해, 이슈 상황에 대한 기록을 자동화하고, 원격으로 공유하는 우아한 디버깅 툴을 개발했습니다. 이 세션에서는 이 툴을 통해 QA 프로세스를 어떻게 효율적으로 개선했는지 그 경험과 기술적 구현에 대해 공유합니다. [발표자 소개] 홍영준(프런트엔드 개발자)
이 자료가 담긴 로드맵
- 2026년 AI 설계 기획.프론트엔드.백엔드 학습자12 · 구간 3개 · 2026년 12월 목표
- 성장고고 학습자7 · 구간 3개 · 2026년 12월 목표
- 이것은 AI 추천 개발인가? 학습자5 · 구간 3개 · 2026년 12월 목표
비슷한 학습 자료
컨퍼런스 if kakao
QA엔지니어가 바라본 모바일 자동화 테스트: 사례와 경험공유 / if(kakao)2022
컨퍼런스 if kakao
카카오페이 QA팀에서 모바일 자동화 테스트를 통해 얻은 다양한 경험들을, 적용한 사례와 함께 공유합니다. #QA #Test #MobileAutomation #E2ETestAutomation 카카오페이 QA팀에서 자동화 테스트 업무를 담당하고 있는 ellie입니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-96 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
소프트웨어 테스트
컨퍼런스 우아콘 2025
장보기•쇼핑 성능 최적화 고군분투기: 웹 전환 과정에서의 경험과 교훈 #우아콘2025 #우아한형제들
컨퍼런스 우아콘 2025
로그 회귀 테스트 구축으로 데이터 기반 비즈니스 지키기 #우아콘2025 #우아한형제들
컨퍼런스 우아콘 2025
[세션 설명] 비즈니스 의사결정은 데이터 기반으로 이루어져요. 흔히 View나 Click로그 등으로 지표 데이터를 쌓고 있죠. 만약 코드 사이드 이펙트로 로그가 유실되었고 6개월 뒤에 지표 분석할 때 알게 되었다면 큰 문제예요. 안정적인 비즈니스 분석을 위해서 로그에도 회귀 테스트가 꼭 필요함을 알 수 있는 사례인데요. 어? 나 테스트 코드 짜고 있는데? 하시는 분도 로그가 여전히 잘 동작하는지 회귀 테스트가 필요하다는 사고의 전환을 하실 수 있어요. [발표자 소개] 유동식(프런트엔드 개발자)
소프트웨어 테스트 프로덕트 지표 · 실험 로드맵 1개에 담김
컨퍼런스 우아콘 2025
같은 시간, 더 나은 디자인을 할 수 있는 방법 #우아콘2025 #우아한형제들
컨퍼런스 우아콘 2023
인사할 시간도 없습니다. QA의 시간을 아껴줄 테스트 자동화 도입기 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 매일매일 반복되는 리그레션 테스트의 굴레에서 벗어나기 위해, 쏟아지는 과제속에서 효율성과 품질이라는 두마리 토끼를 잡기 위해, 프로젝트 일정에 방해가 되지 않는 선에서 성공적인 테스트 자동화를 위한 고민과 과정에 대해 소개합니다.ㅤ ㅤ 👉 발표자 소개 서비스품질개발팀 이정보 서비스 출시에 QA가 허들이 되지 않으면서도, 뛰어난 품질을 유지하기 위해 고민하는 8년 차 중니어 QA엔지니어입니다. 이름값을 하기 위해 오늘도 위키와 슬랙 채널 이곳저곳을 탐험하고 있습니다. 👍 추천 대상 - 테스트 자동화에 관심 있지만 프로그래밍에 대한 부담으로 시도해 보지 못한 분 - 테스트 자동화를 사용해 본 적 있지만 유지보수, 운영에 드는 리소스로 고통받는 분 - 어떻게 하면 QA 업무에 생성형 AI를 사용할 수 있을지 고민 중인 분 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com ...
소프트웨어 테스트
컨퍼런스 우아콘 2023
우아한집 자동화 아들 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 개발자로서 QA 조직에서 무슨 일을 할까? 우선은 조금 개인의 이야기로 시작을 하고 싶어요. QA 조직내에서 자동화 테스트 개발을 하면서 느꼈던 점들을 공유해 볼까 합니다. 그리고 계속 해서 고민을 하고 있는 좋은 자동화 테스트란 무엇인가에 대한 이야기와 함께 아직은 걸음마 단계인 우아한 형제들의 자동화 테스트에 대한 이야기들도 살짝 소개 합니다.ㅤ ㅤ 👉 발표자 소개 플랫폼품질개발팀 박정 15년 자동화 테스트 개발 외길 인생을 걸어오고 있는 QA 엔지니어이자 개발자입니다. 단순히 자동화 테스트 개발이 아닌 자동화를 통한 QA 문화를 바꾸는 것을 목표로 하고 있습니다. 👍 추천 대상 - 우아한 형제들의 품질개발팀에 대해, 그리고 자동화에 관심 있는 QA 엔지니어 또는 개발자 - QA 엔지니어가 무슨 일을 하는지 궁금한 분 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.c...
소프트웨어 테스트