통합테스트로 보다 안전한 웹프런트엔드 서비스 제공하기 #우아콘2024 #우아한형제들
우아콘 2024 우아한형제들 · YouTube
AI 핵심 요약
주문·결제·회원처럼 장애 영향이 큰 웹 프런트엔드에서 단위 테스트만으로는 컴포넌트 간 연동 오류, 서버 응답별 흐름, 코드 변경의 영향 범위를 충분히 확인하기 어려웠다. 이를 보완하기 위해 React Testing Library로 실제 사용자 동작에 가까운 통합 테스트를 작성하고, MSW로 API 응답을 모킹해 장바구니의 상호작용과 로딩·오류 등 다양한 시나리오를 검증했다. 테스트를 통해 핸들러 연결 오류와 기존 정책·동선에 미치는 영향을 발견하고, 수동 확인을 줄여 코드 변경에 대한 자신감과 협업·코드 리뷰의 신뢰도를 높였다. 다만 고수준 테스트는 설정과 유지 비용이 커지므로, 세부 로직은 단위 테스트로 다루고 프로젝트 특성에 맞게 테스트 수준을 분배해야 한다.
- 테스트는 단위·통합·E2E 중 하나로 통일하기보다 프로젝트와 기능에 맞춰 수준을 나누세요.
- React Testing Library에서는 테스트 ID보다 역할과 텍스트를 기준으로 요소를 찾으면 사용자 관점의 테스트를 작성하기 쉽습니다.
- 비동기 UI 변화에는 `findBy`를, 요소가 사라졌는지 확인할 때는 `queryBy`를 활용하세요.
- MSW로 API 응답을 모킹하면 네트워크와 서버 상태에 덜 의존하면서 로딩·오류·응답별 시나리오를 검증할 수 있습니다.
- 통합 테스트는 설정과 유지 비용이 커질 수 있으므로, 세부 로직은 단위 테스트로 검증하고 모듈 간 동작과 사용자 흐름을 통합 테스트로 확인하세요.
소개
[WOOWACON2024 세션 다시보기] 👉 세션 설명 ㅤ 여러분의 프로젝트에 작성돼 있는 테스트코드를 얼마나 신뢰하시나요? 수많은 컴포넌트와 함수의 복잡한 상호작용을 검증하고 실제 제품에 가까운 동작을 보장하는 통합테스트를 도입하며 겪은 경험과 느낀 점을 공유합니다. ㅤ 👉 발표자 소개ㅤ 이호빈, 웹프런트엔드 개발자
비슷한 학습 자료
컨퍼런스 우아콘 2024
[WOOWACON2024 세션 다시보기] 👉 세션 설명 ㅤ 배달의 민족은 전국 식당들의 메뉴와 주문 뿐만아니라 커머스 대형 셀러들과 연동하여 실시간 배달 서비스를 제공하고 있습니다. 제공하는 서비스에서 발생하는 하루 평균 200억 건의 데이터가 흘러가는 시스템을 안정적으로 구축하고 운영한 사례를 공유드립니다. 1부: 시스템 아키텍처 편 대용량 데이터 처리 시스템을 도입하는 과정에서의 고민과 적용한 기술 그리고 아키텍처를 설명합니다. 2부: 음식 배달, 물건 배달 서비스 구축 편 데이터 정합성과 재처리 복원 등을 고려한 가장 안정적이고 지속가능한 시스템 구조를 만들기 위한 고민과 해결사례를 공유합니다. ㅤ 👉 발표자 소개ㅤ 김민중, 서버 개발자 장재주, 서버 개발자 윤보민, 서버 개발자 김병화, 서버 개발자
백엔드 데이터베이스
컨퍼런스 우아콘 2024
오픈소스 참여 경험(이그나이트) #우아콘2024 #우아한형제들
컨퍼런스 우아콘 2024
[WOOWACON2024 세션 다시보기] 👉 세션 설명 ㅤ 이그나이트는 하나의 주제로 3~5명의 발표자가 5분간 빠르게 발표를 진행하는 방식의 세션입니다. 참여형으로 진행된 이그나이트 세션에서는, 우아한형제들 소속 발표자와 타소속 발표자가 함께 참여하였습니다. '오픈소스 참여 경험' 세션에서는 오픈소스에 기여해 본 경험담을 공유합니다. 👉 발표 목록 1. 오픈소스로 해외기업 취업까지 - 엄재웅 님 2. 기여자에서 메인테이너까지 - 이상철 님 3. 쿠버네티스는 진짜 유명한 컨트리뷰터 친화 오픈소스임 - 한상구 님 4. 메인테이너와 컨트리뷰터 사이 - 조성아 님
개발 · 프로그래밍 기타
컨퍼런스 우아콘 2024
운영 안정성을 기술적으로 지키는 방법(이그나이트) #우아콘2024 #우아한형제들
컨퍼런스 우아콘 2024
[WOOWACON2024 세션 다시보기] 👉 세션 설명 ㅤ 이그나이트는 하나의 주제로 3~5명의 발표자가 5분간 빠르게 발표를 진행하는 방식의 세션입니다. 참여형으로 진행된 이그나이트 세션에서는, 우아한형제들 소속 발표자와 타소속 발표자가 함께 참여하였습니다. '운영 안정성을 기술적으로 지키는 방법' 세션에서는 QA, 배포 파이프라인 구성 등 기술을 활용해 어떻게 '운영 안정성'을 지키고 있는지 경험담을 공유합니다. 👉 발표 목록 1. 어쩌면 당연한 것들 - 김태정 님 2. 개선된 통합테스트 환경 만들기 - 김지훈 님 3. 파이프라인의 효율화: 운영 안정성을 위한 작은 스텝 - 정영진 님 4. 닥치면 다 해야하는 스타트업 개발자를 위한 인프라 QuickStart - 이재영 님
소프트웨어 테스트 데브옵스 · 인프라
컨퍼런스 우아콘 2024