yuhyeon99 님의 상세페이지[5팀 김유현] Chapter 3-1. 프론트엔드 테스트 코드

난이도에 맞는 템플릿을 선택해서 작성해주세요!

7주차 과제 체크포인트

기본과제

Medium

  • 총 11개의 파일, 115개의 단위 테스트를 무사히 작성하고 통과시킨다.

질문

Q. medium.useEventOperations.spec.tsx > 아래 toastFn과 mock과 이 fn은 무엇을 해줄까요?

Q. medium.integration.spec.tsx > 여기서 ChakraProvider로 묶어주는 동작은 의미있을까요? 있다면 어떤 의미일까요?

Q. handlersUtils > 아래 여러가지 use 함수는 어떤 역할을 할까요? 어떻게 사용될 수 있을까요?

Q. setupTests.ts > 왜 이 시간을 설정해주는 걸까요?

심화 과제

  • App 컴포넌트 적절한 단위의 컴포넌트, 훅, 유틸 함수로 분리했는가?
  • 해당 모듈들에 대한 적절한 테스트를 5개 이상 작성했는가?

과제 셀프회고

기술적 성장

  • 새로 학습한 개념:
    • 테스트 코드가 왜 필요한지
    • 테스트 코드의 장점
    • RTL의 기본 함수들

코드 품질

  • 리팩토링이 필요한 부분:
    • 현재 mock을 거의 쓰지 않고 하드코딩 된 데이터로 테스트를 진행하고 있는데 이를 개선해야 할 것 같습니다.

학습 효과 분석

  • 가장 큰 배움이 있었던 부분:
    • 테스트 코드에 대한 전반적인 개념
  • 추가 학습이 필요한 영역:
    • e2e 테스트 환경에서 어떤 방식으로 요소를 선택해야 하는지에 대한 학습이 필요할 것 같습니다.
  • 실무 적용 가능성:
    • 혼자만의 힘으로 적용하기엔 힘들 것 같지만 AI를 활용해서 작성한다면 해볼만할 것 같습니다.

과제 피드백

  • 과제에서 좋았던 부분:
    • 테스트 코드는 저에게 진입장벽이 어느정도 높았던 개념인데 과제를 통해서 조금 벽을 허물 수 있었던 것 같습니다.

리뷰 받고 싶은 내용

과제 피드백

안녕하세요 유현님! 과제를 진행하기에는 시간이 조금 부족했던 것 같군요 ㅠㅠ 시간 될 때 꼭 한 번 시간되시면 좋을 것 같아요!! 화이팅입니다!!