

프론트엔드 테스트 비용과 효용 사이에서
프론트엔드 테스트의 비용과 효용을 배송 정보 렌더링 사례로 살펴본 글입니다. 테스트 기준 시각 고정, 공통화, 순서 검증으로 커버리지를 높인 과정을 정리했습니다.
#test#refactoring
177005분


프론트엔드 테스트의 비용과 효용을 배송 정보 렌더링 사례로 살펴본 글입니다. 테스트 기준 시각 고정, 공통화, 순서 검증으로 커버리지를 높인 과정을 정리했습니다.

테스트 코드의 기본 개념과 단위·통합·E2E 테스트의 차이를 정리했습니다. TDD와 BDD, 테스트 과잉과 과잉 명세까지 함께 살펴볼 수 있습니다.


프론트엔드 어드민 프로젝트에 테스트 코드를 소규모로 도입한 과정을 공유했습니다. 리팩토링 안정성과 개발 속도, 품질 보증 측면의 효과도 함께 정리했습니다.

JavaScript와 jQuery 기반의 댓글 모듈을 Vue와 TypeScript로 재구성했습니다. TDD와 컴포넌트 분리를 통해 SPA에 맞는 사내 라이브러리로 배포했습니다.