본문 바로가기
CODESOOM

CODESOOM: REACT-3

by hxunz 2021. 5. 25.
  1. Facts (사실, 객관)
    : Todo 테스트 작성하기
     
  2. Feelings (느낌, 주관)
    : 코드 통과하기가 이렇게 어려운건줄 몰랐다... 겉으로 보기에는 완성이 되어 보였는데 커버리지 실행해보니까 완성이 아니더라,,,ㅎ

  3. Findings (배운 점)
    : TDD - 테스트 주도 개발을 배웠다. 자동화 된 테스트에서 실패하지 않는 한 새로운 코드를 작성하지 않고 중복 제거.

      fireEvent - 테스팅에서 DOM 이벤트를 편리하게 발생시켜주는 메서드

      mocking - 일부 기능을 테스트 할 때 의존 관계를 끊고 독립적으로 테스트 할 수 있게 해 줌.
     
      sudo 대신에 num 혹은 docker 사용

    describe -context -it 을 사용함으로써 기존 test 보다 좀 더 모양을 잡아주었다. 기존에 문서만 봤을 때는 잘 이해가 되질 않았는데 강의 영상에서 직접 코드에 대입을 하는것을 보니 쉽게 이해가 되었다. ex) List의 역할을 describe-context-it을 사용하여 표현 한 부분
    describe-context-it을 사용하기 위해서는 jest-plugins의 jest-plugin-context를 이용해야한다.
    https://www.npmjs.com/package/jest-plugin-context

    또한, refactoring하는 것도 이해하기 쉽게 배울 수 있었다. ex) renderList function을 사용해서 코드가 중복되는 것을 최소화 시킨 부분


  4. 자기선언
    리액트 공식 문서 좀 보면서 공부하기! 

'CODESOOM' 카테고리의 다른 글

CODESOOM: REACT-5  (0) 2021.06.07
CODESOOM: REACT-4  (0) 2021.05.30
CODESOOM: REACT -2  (0) 2021.05.17
CODESOOM: REACT -1  (0) 2021.05.12
CODESOOM: REACT -3  (0) 2021.02.07

댓글