front_3rd_chapter3-2.git 저장소를 fork한 다음에 clone 하여 작업해주세요.
# fork한 저장소를 clone한 다음에
$ git clone <https://github.com/><GITHUB_ID>/front_3rd_chapter3-2.git
$ cd front_3rd_chapter3
# 원본 저장소를 한 번 pull 받아주세요.
$ git pull <https://github.com/hanghae-plus/front_3rd_chapter3-2.git> main
# 먼저 pnpm을 설치합니다.
$ npm install -g pnpm
# 그 다음에 pnpm으로 패키지를 설치합니다.
$ pnpm install
# 테스트 코드 실행
pnpm test
# 어플리케이션 실행
pnpm dev
<aside> 💡 테스트 전략을 구상해보고 이를 기반으로 테스트를 작성하면서 실무에 녹여낼 수 있도록 연습해볼 수 있습니다.
</aside>
8-1. 테스트 전략 작성해보기 의 내용을 참고해서 기본과제에서 구현한 내용에 대해 테스트 전략을 구상해보세요.
제일 중요한 것은 결국 내가 작성한 코드, 프로젝트의 신뢰성을 높이는 것입니다.
적합하지 않은 테스트 종류를 선택해 무리하게 적용하기 보다는 각 테스트의 장점과 한계점을 명확하게 이해하고 가장 효율적이고 장기적으로 운영 가능한 방식으로 테스트를 설계해야 합니다.
만약 공통 컴포넌트나 리액트 훅과 같은 UI kit을 만드는 프로젝트를 진행하고 있다면, 통합 테스트나 복잡한 E2E 테스트보단 단위 테스트에서 각 컴포넌트의 기능이 올바르게 동작하는지 확인하는 것이 적합합니다.
반면 일반적인 서비스 앱을 만들고 있는 상황에서 비즈니스 로직을 검증할때는 단위 테스트 보다는 통합 테스트를 통해 검증하는 것이 효율적입니다.
이처럼 대상을 어떠한 범주에서 검증하는 것이 효과적인지 계속 따져보고 고민하는 것이 프런트엔드 테스트에서는 중요합니다.
여태까지는 단위테스트, 통합테스트 위주의 테스트를 작성했다면 이번에는 e2e 테스트나 시각적 테스트를 해볼 수도 있습니다. (꼭 e2e나 시각적 테스트를 해야한다는 이야기는 아닙니다!)