https://korobopolly.github.io/tags/e2e/Recent content in E2E on Korobopolly's Dev BlogHugokoMon, 16 Feb 2026 13:21:00 +0900https://korobopolly.github.io/posts/react-e2e-testing/Mon, 16 Feb 2026 13:21:00 +0900https://korobopolly.github.io/posts/react-e2e-testing/<p>E2E 테스트는 실제 사용자 관점에서 애플리케이션을 검증합니다. 이번 글에서는 Playwright를 활용한 React 애플리케이션 E2E 테스트 작성법을 알아봅니다.</p> <h2 id="e2e-테스트란">E2E 테스트란</h2> <h3 id="테스트-피라미드">테스트 피라미드</h3> <p>소프트웨어 테스트는 세 가지 레벨로 나뉩니다.</p> <div class="highlight"><pre tabindex="0" style="color:#cdd6f4;background-color:#1e1e2e;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-text" data-lang="text"><span style="display:flex;"><span> /\ </span></span><span style="display:flex;"><span> / \ E2E 테스트 (적음, 느림, 비용 높음) </span></span><span style="display:flex;"><span> /____\ </span></span><span style="display:flex;"><span> / \ 통합 테스트 (중간) </span></span><span style="display:flex;"><span> /________\ </span></span><span style="display:flex;"><span> / \ 단위 테스트 (많음, 빠름, 비용 낮음) </span></span><span style="display:flex;"><span> /____________\ </span></span></code></pre></div><p><strong>단위 테스트 (Unit Test):</strong></p> <ul> <li>개별 함수, 컴포넌트 테스트</li> <li>빠르고 격리된 환경</li> <li>예: <code>sum(1, 2) === 3</code></li> </ul> <p><strong>통합 테스트 (Integration Test):</strong></p>