본문 바로가기

Course

[한글자막] 고급 React 테스팅: Redux Saga 및 React Router

고급 React 테스팅
: Redux Saga 및
React Router

Redux Saga, React Router, 그리고
인증 보호된 경로를 포함하여
여러분의 React 테스팅 스킬을
향상시키세요! 더 높은 단계로
나아가기 위한 개발자들을 위한
필수강의입니다.

배울 내용

redux-saga-test-plan 통합 및 단위 테스트로 Redux Sagas 테스트

URL 매개변수와 쿼리 매개변수가 있는 경로를 포함한 React Router 탐색 테스트

테스트 중 모의 (mock) 네트워크 응답을 위해 Mock Service Worker 사용

Redux store와 React Router history를 위한 사용자 지정 React 테스팅 라이브러리인 ‘render’ 메서드 생성

React Router를 사용한 React 앱에서 인증 보호된 경로 테스트

Jest의 .each() 메서드를 사용하여 테스트 매개변수화 (동일한 테스트를 다른 데이터로 여러 번 실행)

Bonnie Schulkin

Teacher | Coder | Mediocre Bassist


이런 분들에게 추천해요

테스팅 도구를 확장하고자 하는 숙련된 React 개발자

React 테스팅의 고급 단계를 알고 싶으신가요?
여러분은 React 테스팅의 기본을 배웠고 다음 단계로 나아가길 원하는 개발자인가요? 이 과정은 정교한 앱을 위한 React 테스트에 대해 더 자세히 다룹니다.

1. Redux Saga, React Router 혹은 모두 테스트
본 과정의 Redux Saga와 React Router 장은 완전히 별개입니다. 여러분은 학습을 시작하기 원하는 기술을 선택하거나, 여러분의 앱과 관련 없는 기술에 대한 장은 생략할 수 있습니다.

2. 이미 개발된 앱 테스트
본 과정에 사용될 앱은 이미 개발되었으므로 여러분은 Redux Saga와 React Router(인증 보호된 경로 포함)를 활용한 기존 앱을 테스트해 볼 것입니다. 약간의 재미를 더하고자 가상의 밴드명과 무작위 밴드 소개, 그리고 사진이 완전히 갖추어진 가상 밴드의 공연 티켓을 판매하는 음악 공연장 앱을 사용할 예정입니다.

3. redux-saga-test-plan
유연한 통합 테스트와 간결한 단위 테스트가 가능한 강력한 모듈인 redux-saga-test-plan를 사용하여 Redux Sagas를 테스트해봅니다. 본 과정은 정적 및 동적 효과를 모의(가상으로 구현)하기 위해 provide() 메서드를 다룹니다.

4. React Router
본 과정에서는 페이지 단위 동작 혹은 React Router의 ‘history’ 객체에서 검증가능한 테스트 코드를 작성하기 위해 테스팅 라이브러리에 사용자 지정 ’render’ 메서드를 생성할 것입니다. 테스트된 경로에는 URL과 쿼리 매개변수, 그리고 인증 보호된 경로 흐름(기록에서 sign-in 페이지 제거 포함)이 포함됩니다. Mock Service Worker는 서버로 네트워크를 호출하는 데 필요한 가상 데이터를 제공합니다.

5. Jest의 test.each()
본 과정에서는 Redux Saga 및 React Routers 모두에서 테스트를 매개변수화 하기 위해 Jest의 test.each() 메서드를 강의합니다. (테스트 매개변수화 란 다른 데이터를 이용하여 같은 테스트를 반복 수행하는 것을 의미합니다.)

6. TypeScript
최신 자바스크립트 모범 사례에 따라, 강의 내 모든 코드는 TypeScript로 작성되었습니다.

검증된 강사
본 강의의 강사, Bonnie Schulkin는 2018년부터 Udemy에서 강의를 진행해왔으며 명확하고 따라하기 쉬운 다양한 과정으로 우수한 성과를 보유하고 있습니다. 그녀는 수강생들과 Q&A를 통해 소통하는 것을 좋아하며 차분하고 헌신적인 강의 스타일을 가지고 있습니다.
(강의를 들으시고 강의와 관련하여 궁금하신 점은 무엇이든 Q&A에 남기실 수 있지만, 꼭 영어로 남겨주세요. 그래야 답변을 드릴 수 있습니다. :))

한국 수강생분들과 함께 할 고금 React 테스팅 여정이 기대됩니다!
1강에서 만나요!
- Bonnie

평생 이용권7시간 동영상
TV&모바일 엑세스 강의 수료증