최신 웹 기술과 반응형, 프로그레시브형을 포함한 웹 애플리케이션 유형에 대해 살펴본다. 특히 웹 개발자에게 영향을 주는 주요 기술 동향과 이와 관련된 다양한 테스트 유형에 대해 다룬다. 이런 웹 기술 관련 동향을 통해 다양한 프레임워크에 기반한 웹 애플리케이션의 기술을 이해할 수 있을 것이다. 반응형 웹과 프로그레시브형 웹, 플러터, 리액트 네이티브 등도 앞으로 소개할 애플리케이션 유형의 일부다. 이 장에서는 주요 애플리케이션의 유형과 각각의 특징, 그리고 서로 어떤 차이가 있는지 알아보며, 이를 통해 프런트엔드 개발자들이 상황에 맞는 적합한 테스트 기술을 선별해서 사용할 수 있도록 도움을 주고자 한다.
--- p.3

프런트엔드 웹 개발자에게 주어지는 아주 어려운 과제가 있다. 그것은 바로 웹 앱이 모든 디지털 채널, 즉 모든 웹 브라우저나 모바일에서 성능 및 기능에 아무 문제없이 실행돼야 한다는 것이다. 새로운 웹 브라우저 버전이 매달 배포되고 있는 시대에 수많은 스마트폰 종류와 OS 버전을 지원하는 앱을 만드는 것은 매우 어려운 작업이다. 프런트엔드 웹 개발자는 앱의 품질과 속도뿐만 아니라 안정성 문제와도 끊임없이 씨름해야 한다.
--- p.21

테스트 자동화 프레임워크와 관련해서 프런트엔드 개발자가 선택할 수 있는 폭은 매우 넓다. 오픈소스 커뮤니티는 기존 기술을 활용하거나 혁신하는 방법으로 테스트 프레임워크를 자동화하고 있으며 이를 통해 테스트 범위를 확장시켜 심도 있는 테스트를 실현하고 있다. 이 장에서는 시장을 선도하고 있는 4개의 주요 오픈소스 프레임워크를 다루며 각각의 사용법도 간단히 살펴보도록 한다. 애플리케이션 코드를 테스트할 수 있는 툴이 다양하므로, 웹 개발자는 주요 프레임워크의 아키텍처와 기본을 이해하고 상황에 맞는 툴을 선택하는 것이 중요하다.
--- p.35

테스트 자동화 프레임워크의 선택은 소프트웨어 개발 주기 관점에서 매우 중요한 과정이다. 테스트 자동화 프레임워크는 다양한 목표를 가지고 도입되며, 개발자뿐만 아니라 테스트 엔지니어의 서로 다른 요구를 충족시킬 수 있어야 한다. 특히 웹 애플리케이션 테스트는 프레임워크의 수가 많고 특징도 너무 다르다. 따라서 필요한 사항을 모두 고려하면서 현재 및 미래의 사용자 요구를 만족시킬 수 있는 프레임워크 선택 방법이 제시돼야 한다.
--- p.57

애자일과 데브옵스 팀은 일 단위 또는 주 단위의 릴리스 주기를 가지고 있으므로 마인드맵과 테스트 활동이 반드시 전략 안에 포함돼야 한다. 이를 통해 이전 버전과 현재 버전의 웹 애플리케이션 차이를 분석할 수 있고 CI 파이프라인 내의 테스트뿐만 아니라 그 외의 전체 테스트 범위를 정하고 최적화할 수 있다. 또한, 웹사이트가 변경되지 않았더라도 이 책의 앞부분에서 배웠듯이 새로운 웹 플랫폼 및 모바일 플랫폼이 몇 주 단위로 계속 등장하기 때문에 이를 완벽하게 지원해야 하며 그것이 바로 지속적인 테스트의 의미다. 즉, 고품질의 웹사이트를 보장하기 위해 지속적으로 테스트를 실행하고 자동화해야 하는 것이다.
--- p.93

지속적으로 소프트웨어를 배포하려면 프런트엔드 개발자와 SDET가 함께 테스트 시나리오를 평가하고 결과를 분석하고 테스트를 관리해야 한다. 또한, 시장에 나와 있는 오픈소스 툴과 유료 버전 툴을 모두 알고 있어야 테스트 커버리지와 기능을 향상시키기 위한 좋은 의사 결정을 할 수 있고 다양한 기술을 결합할 수 있다.

<b>테스트 자동화 프레임워크를 활용하면 효율적으로 웹 애플리케이션을 개발할 수 있다 <br/></b><br/>웹 개발 기술이 끊임없이 변하는 요즘, 프런트엔드 개발자가 모든 웹 브라우저나 수많은 모바일 기기에서 버그 없이 완벽하게 실행되는 웹 애플리케이션을 개발하기는 상당히 어려운 일이다. 게다가 정해진 배포 주기 속도를 맞추며 품질의 균형까지 맞춰야 하는 환경에서 직접 웹 화면을 모두 테스트하는 것은 현실적으로 불가능에 가깝다. 이때 필요한 것이 테스트 자동화다. 테스트 자동화는 전체적인 품질을 유지하게 해주므로 소프트웨어 개발 속도에 기여하는 핵심 요소라고 할 수 있다.<br/><br/>이 책은 프런트엔드 개발자가 선택할 수 있는 테스트 자동화 프레임워크를 다룬다. 시장을 선도하는 4개의 주요 오픈소스 프레임워크인 셀레늄, 사이프러스, 퍼피티어, 플레이라이트를 중심으로 현장에서 테스트 자동화를 바로 적용할 수 있을 정도로 자세히 설명한다. 각 프레임워크의 기본적인 사용법부터 고급 테스트 자동화 기능까지 살펴보며, 상황에 맞는 최적의 테스트 자동화 프레임워크를 선택하는 방법도 안내하고 있다. 이 책을 통해 주요 테스트 자동화 프레임워크를 익히고, 본인이 개발하는 애플리케이션에 적합한 테스트 전략을 세워 개발 속도와 품질까지 모두 잡는 유능한 개발자가 되길 바란다.<br/><br/><b>주요 내용<br/></b><br/>- 특정 브라우저에 종속되지 않는 테스트 방법론<br/>- 웹 애플리케이션 테스트를 위한 이상적인 도구 선택<br/>- 정교한 기능으로 웹 애플리케이션에 대한 고급 테스트 자동화<br/>- 코드 커버리지와 테스트 커버리지를 측정하여 웹 애플리케이션 품질 평가<br/>- 셀레늄, 사이프러스, 퍼피티어, 플레이라이트 프레임워크 사용<br/>- 로코드 테스트 자동화로 코드 기반 테스트 보완