최근에 면접을 많이 보면서 느꼈던 건 프론트엔드에서도 테스팅에 대한 중요성이 점점 늘어나고 있다는 것이었는데요. 저는 그 중에서 E2E테스트를 투두앱을 만들면서 적용해보려고 해요. 프론트엔드에서 테스트를 나타내는 트로피 그림이 하나 있는데요. 이 그림에서 보면 e2e(End to End)테스트는 비용이 크지만 그만큼 확실하게 기능이 동작하는 것을 검증할 수 있다는 장점이 있어요. 먼저 프로젝트를 구축할게요. Vite를 이용해서 React + TypeScript 프로젝트를 세팅해요. 여기서는 패키지 매니저로 pnpm을 사용할게요. > pnpm create vite 이후에 Cypress를 설치해요. > pnpm install -D cypress cypress의 Launchpad를 편하게 실행시키기 위해 pa..
사실 (Fact) 이번 주 수업은 현석님께서 진행해 주셨습니다. React, 미션, 프론트엔드 테스트, 스토리북에 관련된 내용들이었습니다. 수업시간에 회사에서 야근을 하느라 제대로 듣지 못해 녹화본을 보면서 정리하려고 합니다. 리액트 페이먼츠 미션을 시작했습니다. 리액트로 본격적으로 코드를 작성하게 되어 재밌었습니다. 생각보다 고민되는 부분이 많았지만, 리뷰어분과 의견을 주고받으며 리팩터링 하는 과정에서 정말 많이 배웠습니다. 그리고 앞으로 배울 것 또한 정말 많이 남아 있습니다. 느낌 (Feeling) 리액트로 작성한 코드를 리뷰받는 것이 정말 좋았습니다. 평소에 했던 고민들, 어려웠던 점을 리뷰어분과 나누며 해결해 나가는 과정이 좋았습니다. 리뷰를 받으면서 느낀 점은 클린 코드를 작성하기 위해서는 정..
