E2E Test를 Cypress로 해보자.
React 카운터를 대상으로 Cypress 설치부터 data-cy 기반 요소 선택과 클릭 검증까지 소개했습니다. 브라우저 E2E 테스트와 Jest 단위 테스트를 분리하는 전략을 검토했습니다.
#Cypress#React#E2E
2800


React 카운터를 대상으로 Cypress 설치부터 data-cy 기반 요소 선택과 클릭 검증까지 소개했습니다. 브라우저 E2E 테스트와 Jest 단위 테스트를 분리하는 전략을 검토했습니다.

React 컴포넌트의 다양한 초기 상태를 Storybook 스토리로 분리해 한 번에 확인하는 방식을 소개했습니다. UI 협업과 QA에 유용하지만 엣지 케이스 작성·유지 비용과 디자인 협업이 필요합니다.

React 18의 동시 렌더링, automatic batching, startTransition 등 주요 추가 기능을 소개했습니다. Suspense로 데이터 로딩 상태와 UI 표시 순서를 분리하는 방식을 설명합니다.
