【한글자막】 Jest / Vitest 를 활용한 React 테스팅 라이브러리

2023년 11월 강의 대규모 업데이트 안내!

• 프로젝트는 가볍고 빠른 리액트 앱 툴인 Vite 로 작성되었습니다.

• 프로젝트는 Jest보다 훨씬 빠른 테스트 프레임워크인 Vitest 를 사용합니다.

  참고: Vitest 의 코드 구문은 Jest 와 동일합니다. 이 강의에 나오는 모든 코드는 Vitest 와 Jest 에서 모두 작동합니다.

• 2023년 10월 출시된 Mock Service Worker 2.0 버전의 구문을 소개합니다.

  
  

React 테스팅 라이브러리는 React를 테스트하는 매우 대중적인 옵션이 되었습니다! 본 강의는 React 앱 테스트 전반에 대해 상세히 다뤄 탄탄한 기초를 제공합니다.

모범 사례 (Best Practices)

React 테스팅 라이브러리 강의는 앱을 테스트하는 모범 사례를 장려하기 위해 설계되었습니다. 본 강의에서 다음과 같은 부분을 학습하시게 됩니다:

• 구현보다는 동작을 테스트하기

• 사용자 측면의 앱과 상호작용 테스트하기

• 코드에 가능한 한 접근할 수 있도록 접근성 핸들로 요소 찾기

광범위한 테스트 예제

강의에서 제가 설명시 사용할 앱은 매우 간단한 (버튼 클릭으로 색상을 변경하는) 예제로 시작하여 다음과 같이 점점 더 복잡한 테스트 개념으로 발전합니다:

• 비동기식 페이지 변경 테스트하기

• Mock Service Worker를 사용하여 서버에서 데이터 시뮬레이션하기

• 렌더링 시, 컴포넌트에 콘텍스트 제공자 적용하기

이 강의는 여러분들의 학습을 아낌없이 지원하고 여러분이 성공할 수 있도록 설계되었습니다. 복잡한 개념을 점진적으로 성장시켜드리도록 하겠습니다.

새로운 기술 연습

학습 내용을 연습할 수 있는 기회도 많이 드립니다. 이 강의는 강의 프로젝트를 구축하는 동안 "코드 퀴즈"를 제공합니다. 배운 내용을 적용해 보고 영상에서 해답을 확인할 수 있습니다. (선택 사항인) 마지막 섹션에서는 두 번째 앱을 완료하고 강의에서 배운 개념을 다지기 위한 더 많은 예제를 제공합니다.

선택적 React 강의

이 강의에서 다루는 모든 중요한 React 코드는 별도의 강의로 분리됩니다. 수강생들에게 선택권을 드립니다: React 기술을 강화하고 싶은 수강생(또는 새로운 것을 배우고 싶은 수강생은!) 은 이 강의를 보시고 React 기술에 자신 있는 수강생은 해당 강의들을 건너뛸 수 있습니다.

지원을 아끼지 않는 강사

강사는 Q&A를 통해 도움을 주고 지원을 해준 입증된 실적을 갖고 있습니다. 수강생들과 교류하고, 강의의 개념에 대한 질문에 답하고, 강의 프로젝트에 대한 수강생들의 코드 디버깅을 돕는 것을 좋아합니다. (강의와 관련하여 궁금하신 점은 무엇이든 Q&A에 남기실 수 있지만, 꼭 영어로 남겨주세요. 그래야 답변을 드릴 수 있습니다.)

여러분과 함께 할 여정이 기대되는군요. 1강에서 만나요!

- Bonnie