W CARE 서비스 프론트엔드를 TDD로 개발해본 후기

간단 소개

올리브영 W CARE 서비스 프론트엔드 개발에 TDD를 적용한 경험 공유 및 장점, 개선 방향을 제시합니다.

AI Summary

W CARE 서비스와 TDD 도입 배경
- 올리브영의 W CARE 서비스는 여성의 월경 주기 관리 및 맞춤 상품 추천을 제공하며, TDD(Test-Driven Development) 방법론을 프론트엔드 개발에 적용함.
- 복잡한 월경 이벤트 판별 알고리즘의 신뢰도를 높이기 위해 점진적인 코드 검증 및 구체화가 필요했고, 요구사항이 명확하고 변경에 견고한 초기 기획 덕분에 TDD를 선택함.
구체적인 TDD 전략 및 테스트 코드 작성
- 월경 주기를 세분화하여 월경 이벤트를 정의하고, 각 이벤트가 겹치는 복잡한 경우의 수를 다루기 위해 23개의 월경 이벤트를 정의함.
- 경계값 분석을 통해 월경 시작일, 종료일 등의 경계값을 포함한 테스트 케이스를 작성하여 코드의 신뢰성을 높임. 실패하는 테스트 코드 작성 후 통과하는 동작 코드를 작성하는 사이클을 반복함.
TDD 적용 후 느낀 장점 및 발전 방향
- TDD는 초기 설계 및 알고리즘 구체화에 도움을 주었고, PO와의 협업 효율성을 높임. 또한, 코드 변경에 따른 사이드 이펙트를 빠르게 발견하고 수정할 수 있었으며, 높은 코드 품질을 확보함.
- 향후 테스트 코드 작성 비용을 줄이기 위해 도구 도입, 스니펫 활용, AI 자동완성 등을 고려하고, 리액트 컴포넌트 및 커스텀 훅 테스트 적용을 통해 UI 테스트를 강화할 계획임.