왜 테스트를 해야하나?반복되는 같은 에러, 복잡한 코드장기간의 유지보수 : 수정 시 에러 확인에 용이왜 Vitest 를 사용하기로 했는지?vitestvite 설정을 그대로 사용할 수 있어 간편jest 보다 상대적으로 빠름ESMjest와 호환되는 api 를 제공한다Jestbable, typescript, node, react, angular, vue 지원bable 세팅해야함 - PWA 프로젝트의 안정성 제공commonJS공식문서와 사용예시 등 참고문서가 많다.이외에도 많은 테스트 모듈이 있지만(@testing-library 등) 기본 테스트의 집합체가 Jest 이고, 가장많이 사용되고 있다.그런데 Jest 를 선택하지 않은 이유는, 클라이언트 프로젝트가 Vite, ESM 으로 빌드되었기 때문이다. 타입스크..
TypeScript
SPA vs MPASPA : Single Page Application하나의 페이지 내에서 동적으로 콘텐츠를 로드하고 업로드 하는 방식이다.리액트, 앵귤러, 뷰와 같은 프레임워크가 개발하는 웹 어플리케이션ex. 클릭 시 고정되어있고, 내용만 바뀌는것 * 일반적으로 > CSR 렌더링 방식 사용한다. MPA : Multi Page Application탭을 이동할때마다 서버로부터 새로운 html을 받아와서 렌더링하는 방식이다.전통적인 방식 AJAX가 등장한 이후로, 클라이언트가 원하는 부분만 동적으로 갈아끼울 수 있고, 화면 깜빡임도 없는 SPA를 많이 사용하게 되었다. * 일반적으로 > SSR 렌더링 방식 사용그렇지만, 같은 개념이라고 생각하면 안된다. CSR vs SSRCSR : Client Side Re..