Mong dev blog

1. 단위 테스트의 여러 검증법이번 시간에는 React, Vitest, React Testing Library를 사용해, 단위 테스트의 여러 검증방법을 알아보았다. 포스팅의 목차는 아래와 같다.1) 모킹으로 외부 모듈 검증하기2) 커스텀 훅 검증하기(ex. custom Hook)3) 비동기 검증하기(ex. timer)만약 단위테스트의 정의, 작성법에 대한 사전 지식이 없다면, 이 포스팅을 먼저 보는 걸 추천한다.1) 모킹으로 외부 모듈 검증하기(1) 모킹이 필요한 경우는?프로젝트는 여러 외부 라이브러리를 사용한다.그렇다면 테스트하고 싶은 대상 컴포넌트에서 외부 라이브러리를 사용하고 있다면 어떻게 검증해야할까?외부 라이브러리에 대한 검증도 해야할까? 검증이 필요할 수도 있지만, 대체로 생략 가능하다!❓ 그..

0. 들어가기 전에 현대의 개발 생태계는 빠르게 변화하는 기술 요구사항과 지속적인 서비스 업데이트를 경험하고 있다. 그래서 개발 팀은 코드의 품질을 지키면서 신속한 배포를 동시에 충족해야한다. 이러한 환경에서 프론트엔드도 테스트의 중요성이 커지고 있다. 단위 테스트는 코드의 각 부분이 예상대로 작동하는지 확인함으로써, 전체 시스템의 안정성과 신뢰성을 보장할 수 있다. 이번 포스팅에서는 단위 테스트는 무엇이며 테스트 작성시 주의할 점은 무엇인지 한 번 알아보았다. 1. 단위 테스트 개념과 작성시 주의할 점 1) 단위 테스트란? (Unit Test) 단위 테스트는 개발 과정에서 개별 모듈이나 함수가 예상대로 작동하는지 검증하는 절차이다. 테스트는 소스 코드의 가장 작은 실행 단위에 대해 수행되며, 각 단위가..