리액트 커스텀 훅을 테스트하는 과정

이 글은 React 프로젝트에서 커스텀 훅을 테스트하는 방법에 대해 설명합니다. 최근 Dooray!

프로젝트에서 타입스크립트와 React로의 전환 과정에서 커스텀 훅을 사용하게 되었으며, 이를 testing-library를 활용하여 테스트하는 방법을 소개합니다. React 훅은 상태 값과 React 기능을 사용할 수 있게 해주며, 컴포넌트로부터 상태 관련 로직을 추상화하여 독립적인 테스트와 재사용을 가능하게 합니다.

훅 사용 시에는 반복문, 조건문, 중첩 함수 내 호출 금지 및 React 함수 내에서만 호출해야 하는 규칙이 있습니다. 커스텀 훅은 이러한 규칙을 지키면서 로직을 재사용하고 테스트하기 위한 효과적인 방법입니다.

글에서는 실제 커스텀 훅 예시와 함께 testing-library를 이용한 테스트 코드 작성 방법을 다룹니다.