뭣? 딸깍 몇 번에 웹 E2E 테스트 코드를 생성하고 수행한다고? 에러도 잡아준다고? 영상도 뽑아준다고? - 조문기_NEDAY 23.07
엔지니어링데이 2025 네이버 · YouTube
AI 핵심 요약
네이버 통합검색은 다양한 브라우저와 검색 결과 조합에서 발생하는 클라이언트 오류를 빠르게 찾고 재현하기 위해 Meerkat을 개발했습니다. 초기에는 글로벌 에러 핸들러로 오류와 환경 정보를 수집했고, 이후 사용자 입력 기반의 breadcrumbs를 저장해 Playwright와 Chrome DevTools 모바일 모드로 세션을 재현하고 영상과 오류 리포트를 만들었습니다. 여기에 화면 요소 선택과 assertion 입력 기능을 더해, 사용자가 기록한 인터랙션과 검증 조건을 서버에서 실행하는 데이터 기반 E2E 테스트 생성기로 확장했습니다. 테스트 코드를 직접 작성하지 않아도 시나리오를 등록하고 결과를 확인할 수 있게 해 진입장벽을 낮추는 한편, 재현 환경과 검증 로직을 직접 설계해야 한다는 점을 보여줍니다.
- 사용자 입력 이벤트만 원인으로 수집하고, 스크롤이나 내비게이션처럼 그 결과로 발생한 이벤트는 제외하면 재현 시나리오를 단순화할 수 있습니다.
- DOM 요소를 다시 찾을 수 있도록 부모 요소를 순회해 유일한 CSS 셀렉터 체인을 만드는 방법을 활용합니다.
- Playwright의 기본 모바일 에뮬레이션만으로는 터치 이벤트 등 실제 모바일 동작을 재현하기 어려워, Chrome DevTools 모바일 모드를 제어하는 방식을 택했습니다.
- 테스트 러너에 종속된 assertion 라이브러리는 서버 환경과 공존하기 어려울 수 있으므로, 브라우저에서 실행되는 검증 로직을 직접 구현하는 선택지도 고려해야 합니다.
소개
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY(7월)에서 발표되었던 세션을 공개합니다. ----- 안녕하세요, Portal FE 조문기입니다~ 저는 회사 내적으로는 네이버 통합검색의 프론트엔드를 담당하고 있습니다. 스마트블록, 인플루언서, VIEW 등 각 컬렉션의 얼굴(?)을 관리중이니 많은 관심 부탁드립니다. 그리고 Meerkat이라는 통합검색 클라이언트 에러 모니터링 시스템 개발에 참여하고 있습니다. [강의 내용] 웹 테스트 동향 소개 네이버 통합검색과 에러 Meerkat 프로젝트 소개 - Meerkat v1 : Global Error Handler - Meerkat v2 : Breadcrumbs Based Session Replay - Meerkat v3 : Browser-Side Assertion for Automated Test Generator 새로운 패러다임 : 코드가 아닌 데이터 기반의 테스트 [강의 대상] 테스트 코드 작성이 ...
비슷한 학습 자료
컨퍼런스 NDC
NDC 2019 [어머님, A/B 테스트를 댁으로 들이십시오 - 〈DevPlay〉 A/B 테스트 플랫폼 개발기] 세션 공유드립니다. 상세 내용은 NDC Replay 홈페이지를 참고 부탁드려요. 😊 1. 발표자 성함 : 김민수, 오우택 2. 발표자 소개 : [김민수] 데브시스터즈에서 데이터 엔지니어로 일하고 있습니다. 매일 게임에서 발생하는 수 테라바이트의 데이터를 효율적으로 가공 및 적재하는 인프라를 설계하고 있습니다. 또한, 대규모 분석 프레임워크, 실시간 스트리밍 등의 데이터 어플리케이션을 개발하고 있습니다. 유저가 만들어내는 수많은 데이터에서 새로운 가치를 발견하여 더 큰 즐거움을 주는 게임을 만들고자 합니다. [오우택] 데브시스터즈에서 데이터 과학자로 첫 커리어를 쌓아 나가고 있습니다. KPI 스키마 디자인에서부터 분석 후 대쉬보드 형태로 엔드유저에게 전달되기까지, 데이터가 전사적으로 잘 쓰일 수 있도록 일을 진행했습니다. 서비스 중인 게임의 상품 분석, 어뷰저 탐...
데이터베이스 프로덕트 지표 · 실험
컨퍼런스 엔지니어링데이 2025
경험이 쌓일수록 똑똑해지는 네이버 통합검색 LLM Devops Agent
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025 에서 발표되었던 세션을 공개합니다. [발표 내용] 네이버 통합 검색에서 더 나은 장애 대응 프로세스를 위해 LLM Agent를 활용하는 방식에 대해 소개합니다. Agent 를 어떤 방식으로 구성하고 구축했는지, 어떻게 평가하고 활용하고 있는지를 자세히 소개합니다. [발표 대상] 네이버 검색에서 장애 감지와 분석에 대해 궁금하신 분 LLM을 활용한 Agent 구성을 고민하시는 분 [목차] 1. 기존 장애 대응 프로세스 - 네이버 검색 흐름 - 기존 장애대응 프로세스 - 기존 방식의 문제점 2. Devops Agent v1 - 설계 - v1 구조 - v1 소개 - 현재 SW stack 3. Devops Agent v2 - v1의 한계 - v2 구조 4. 시스템 동작과 특징 - Trigger Queue - 이상 탐지 방법 ...
데브옵스 · 인프라 AI에이전트 개발
컨퍼런스 엔지니어링데이 2025
데이터는 흐른다, 연결될 준비가 되었다면
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2025(5월)에서 발표되었던 세션을 공개합니다. [발표 내용] 유저 세그먼트를 손쉽게 정의하고, 이를 다양한 액션 채널(Braze, IDS, GAM 등)과 자동 연동할 수 있는 네이버 웹툰의 Cohort System을 소개합니다. 조건 기반 필터링, ML 모델 연동 등 다양한 방식으로 세그먼트를 만들고, 중복 제거 로직과 함께 효율적으로 활용할 수 있습니다. 시스템 구조와 기술 스택, 실제 마케팅 활용 사례까지 함께 공유하며, 데이터에서 인사이트, 나아가 액션까지의 연결을 어떻게 자동화했는지를 설명합니다. [강의 대상] * 데이터 엔지니어 / 백엔드 엔지니어: 데이터 흐름 자동화, 시스템 구조에 관심 있는 분 * ML 엔지니어 / 데이터 사이언티스트: ML 결과를 실시간 타겟팅에 적용하고 싶은 분 * 마케터 / PM: 타겟 유저 추출과 액션 전환까지의 전체 흐름을 이해하고 싶은 분 [목차] Episode 1...
백엔드 데이터베이스
컨퍼런스 엔지니어링데이 2025
서비스 장애를 예방하는 방법: Chaos Engineering
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY 2024(5월)에서 발표되었던 세션을 공개합니다. [발표 내용] * 신입 개발자가 뉴스서비스에 대해 탐구하고 개선하려고 노력했던 경험을 공유합니다. * 서비스의 장애를 예방하고 신뢰성을 높이기 위한 분야인 Chaos Engineering에 대해 소개합니다. * 뉴스서비스의 잠재적인 Single-Point-of-Failure(SPOF)를 예방하고자 했던 경험을 공유합니다. [목차] Episode 1: Chaos Engineering 1.1. Netflix의 IDC 장애 이후 클라우드 전환, 그리고 장애를 예방하기 위한 노력 1.2. Chaos Monkey, 모든 인프라에 대한 실패를 가정하고 인프라를 운영한다 Episode 2: Toxiproxy 2.1. Toxiproxy의 구조와 테스트 도구로 선택한 이유 2.2. proxy server 구성 방법 2.3. client 사용방법(Client,...
소프트웨어 테스트 데브옵스 · 인프라
컨퍼런스 엔지니어링데이 2025
입만 가지고 떠드는 개발자가 ChatGPT에게 외주줘서 만든 Mysql 복제지연 모니터링 - 최정오
컨퍼런스 엔지니어링데이 2025
네이버 사내 기술 교류 행사인 NAVER ENGINEERING DAY(7월)에서 발표되었던 세션을 공개합니다. ----- ETECH조직 클라우드2개발에서 프리즘 서버 개발을 담당하고 있습니다. C++과 Java FE/BE에 3D그래픽스와 임베디드까지, 잘하는건 없어도 모르는건 없다는 핀잔을 듣는 개발자입니다. 점점 더 게을러지고 있어 큰일인데, 생성형AI 덕분에 앞으로도 문제없을거 같아 기쁩니다. [발표 내용] 생성형 AI를 이용한 개발 및 코딩 진행 생성형 AI를 활용하여 개발에 손을 더는 방법 pt-heartbeat를 이용한 Mysql 복제지연 모니터링 [강의 대상] 생성형 AI를 활용하는게 너무 어렵게 느껴지는 주니어 개발자 각종 솔루션들의 환경설정과 파라미터를 외우는데 어려움을 겪는 모든 개발자
데이터베이스 AI 코딩