![]()
최초 작성일 : 2024.09.23최종 수정일 : 2024.09.23 1. 개요'프론트엔드에서 테스트 코드가 필요가...?'라고 생각하던 때가 있었다. 백엔드와 달리 프론트엔드는 개발시 hot reloading을 통해 변경점과 기능을 바로바로 확인할 수 있기 때문이다. 하지만 서비스를 운영한지 1년이 넘으면서 생각이 바뀌었다.서비스를 업데이트하다보면 기존 기능의 변경(추가/수정/삭제)가 아주 빈번하게 발생하고, 이러한 변경이 다른곳에 영향을 미칠 수 있는 가능성이 생기기 때문이다. 처음에는 이런 문제를 해결하기 위해 의존성을 최대한 없애는 식으로 리팩토링을 진행해 보았지만 완전히 해결될 수는 없었고 의심되는 기능들을 손으로 일일히 확인해야만 했다. 그리고 그때 이런 생각이 들었다 '아, 이런 테스트를 ..
최초 작성일 : 2024.09.05최종 수정일 : 2024.09.05 1. 개요프론트엔드에서도 테스트 코드가 필요할까? 옛날의 나는 굳이 필요 없다고 생각했었다. 하지만 서비스를 운영해보고 특히 오랜 기간동안 기능추가, 개선 등을 진행해오면서 리팩토링을 자주 하게 되었고 테스트 코드의 필요성을 간절히 느끼게 되었다.이번 글에서는 테스트 코드 작성을 공부하며 Jest의 expect에 사용할 수 있는 데이터 타입별 Matcher들을 정리해보았다.이 글에선 모든 matcher를 다루지 않으며, 더 자세한 내용은 공식 문서에서 확인할 수 있다.https://jestjs.io/docs/expect Expect · JestWhen you're writing tests, you often need to check t..
