프론트엔드 테스트 코드는 왜 작성해야할까?
백엔드고 프론트엔드고 테스트 코드의 중요성은 지금까지 귀에 피가나도록 들어왔다.하지만 내가 직접 테스트 코드를 작성해본적은 단 한번도 없는걸?
그래서 생각해보았다.
내가 프론트엔드 테스트 코드를 작성해보고 싶은 이유는?
프론트엔드 테스트 코드를 작성한다면 어떤 결과를 만들 수 있을까?
내가 테스트 코드를 작성하고싶었던 이유
- 지속가능한 테스트 자동화를 구축하고 싶어서
- 지속적인 코드 검증을 통해 프로젝트 코드의 질을 높이고 싶어서
- 앞으로도 안전한 코드를 꾸준히 작성하고 싶어서
올바른 테스트 코드를 작성하면 좋은점은?
- 사전에 결함을 찾아내고 수정할 수 있다!
- 특정 모듈(React에서는 Component)이 사양에 잘 동작하는가 확인할 수 있다!
- 좋은 설계에 대한 사고를 도와준다!
- 코드 결합도에 대해 고민할 수 있다.
(각 코드들이 의존하는 정도를 관리할 수 있다)
- 캡슐화 위반되지 않는 코드를 작성할 수 있다.
(내부 구현과 종속성이 사라지고 어떤 행위를 하는지 명확해진다)
- SRP(단일 책임 원칙)을 실현하며 모든 클래스가 하나의 책임을 갖고 그와 관련된 책임을 캡슐화할 수 있다.
(변경에 견고한 코드를 작성할 수 있다)
- 테스트 코드를 기반으로 빠르고 안정적인 리팩터링이 가능하다!
(리팩터링이라 함은, 결과의 변경없이 코드의 구조를 재조정하는 것!)
그 다음
샌드박스 레포를 하나 만들어서 경험해보고자 한다.
이전에 Next.js 13 App directory가 처음 출시 됐을 때 처럼 혼자 공부해봤던것 처럼
이번에는 시간이 지나고 어느정도 검증된 버전인 Next.js 14 App router를 바탕으로 테스트 코드도 함께 작성해보고자 한다.
테스트 코드를 작성하면서 배우게 된 내용들을 간단하게 써보겠어 하하