Unit7 회고

[Testing]TDD

🔆 TDD 방법론

TDD(Test-driven Development)🖍
TDD란 코드 작성 전 테스트를 사용하는 소프트웨어 개발 방법론으로 개발자가 원하는 코드 결과를 미리 정의한 후 이를 바탕으로 코드를 작성하는 방법을 말한다.
→ TDD를 통해 소프트웨어를 개발한다의 의미
: 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 작성하는 과정을 반복하는 것

• TDD 개발주기

  1. Write Failing Test
     : 실패하는 코드를 먼저 작성
  2. Make Test Pass
     : 테스트 코드를 성공시키기 위한 실제 코드 작성
  3. Refactor
     : 중복 코드 제거, 일반화 등의 리팩토링 수행

• TDD 사용 이유

  • 예상하지 못했던 버그를 줄여 소요 시간을 줄일 수 있음

🔆 React와 TDD

💡 React환경에서의 테스트

• Testing Library, Jest를 이용하여 React 환경에서의 테스트 수행 가능
  • Testing Library나 Jest는 다른 프레임워크에서도 이용 가능함
  • React Testing Library
    : React 컴포넌트를 테스트하기 위해 만들어진 라이브러리
    • Testing Library에서 제공하는 React용 Testing Library
  • Jest
    : JavaScript의 Testing Framework/Test Runner
    • 테스트 파일을 찾아 자동으로 테스트 실행
    • 함수를 이용하여 체크한 뒤 테스트 성공 여부 판단
  🏷 이 밖에 알아두면 좋을 것들
  • @testing-library/jest-dom
    : Jest-dom에서 제공하는 custom matcher 사용 가능
  • @testing-library/react
    : 컴포넌트의 요소를 찾기 위한 query가 포함
  • @testing-library/user-event
    : click 등 사용자 이벤트에 이용
  • test 함수
    : Jest 함수로 테스트 실행 시 반드시 이용하는 테스트 함수
    • 형식: test(테스트 설명, 테스트 함수)
    • test 함수 대신 it 함수 사용 가능
  • describe() 함수
    : test 함수나 it 함수를 하나의 파일에 여러 개 포함할 수 있도록 해주는 함수
    • 형식: test(테스트 설명, 테스트 함수들(test, it))
    • describe 함수 블록은 Test Suites, test/it 함수 블록은 Test(Test Case)라고 함

<오늘의 일기>
이번 유닛은 개발 환경에서 테스트를 하는 방법에 대해 공부했다. 그동안 시험 문제를 푸는 학생의 입장이었다면 이번 유닛에서만큼은 시험 출제자가 된 기분이어서 굉장히 색달랐다. 그동안 내가 과제하며 풀어왔던 것들이 이러한 방식으로 동작했던 거구나를 어렴풋이 짐작할 수 있었던 유닛이었다.