러닝패스

테스트 코드 이해와 작성의 기초 체력 - Jest(입문자용, 빠르게 학습)

무료
⚡ 1시간이면 이런걸 할 수 있어요!
jest의 개념에 대해 배울 수 있어요.(ex: zero config)
테스트를 위해 값을 비교하는 문법인 matcher에 대해 빠르게 훑어볼 수 있어요.
비동기 코드에 대한 테스트 방법을 배울 수 있어요
실제 서버와 통신하지 않고 테스트를 진행하는 법을 배워요.
React snapshot test를 실습할 수 있어요.
학습 시간을 줄였어요!
1시간
핵심 콘텐츠만 선별했어요!
6개 콘텐츠
이 분들은 꼭 보세요.
jest를 빠르게 훑어보고 싶은 사람
미리 알고 있어야 해요.
JS 기초지식
이 러닝패스가 어떠신가요?
(내 보관함에서 다시 볼 수 있어요)
자바스크립트를 위한 최적의 test 도구인 jest 그런 jest를 1시간 이내로 훑어보며 시간 절약해봅시다! 😉 시간은 없는데 급하게 문법 파악을 해야하는 용도로 딱입니다.(저도 기억나지 않을 때 다시 와서 보고 간답니다 😅) 강의에 적힌 노트를 참고하며 배우고 싶은 부분만 쏙쏙 골라서 학습해보세요!
NOTE
jest란 무엇인지 유튜버님이 설명해줍니다.(개요 설명) 그리고 간단한 테스트 코드를 통해 감을 잡아볼 수 있어요!
Video
Jest 강좌 #1 소개, 설치 및 간단한 테스트 작성 - 자바스크립트 테스트 프레임워크
출처: https://youtu.be/g4MdUjxA-S4
서원석 님의 학습노트
NOTE
matcher에 대해 설명해줍니다! 개인적으로 해당 러닝패스는 여기에 가치가 몰려있다고 생각해요. *matcher란 테스트에서 기대하는 값을 확인하는 수단이에요. 즉 테스트를 위해 실질적으로 제일 많이 쓰는 부분이죠.
Video
Jest 강좌 #2 유용한 Matchers - 자바스크립트 테스트 프레임워크
출처: https://youtu.be/_36vt4fBjOQ
서원석 님의 학습노트
NOTE
비동기 코드를 테스트하는 방법에 대해 다룹니다. 이 부분도 matcher를 활용합니다!
Video
Jest 강좌 #3 비동기 코드 테스트 - 자바스크립트 테스트 프레임워크
출처: https://youtu.be/snFRUjYR6j4
서원석 님의 학습노트
NOTE
매 테스트마다 반복적으로 수행해야하는 작업을 처리하는 법에 대해 다룹니다. 예시: 테스트 4개가 있고 각 테스트가 로그인을 필요로 할 때, 각 테스트에서 로그인 로직을 작성하는게 아닌 테스트 공통에 적용될 곳에 로그인 로직 작성
Video
Jest 강좌 #4 테스트 전후 작업 - 자바스크립트 테스트 프레임워크
출처: https://youtu.be/TRZ2XdmctSQ
서원석 님의 학습노트
NOTE
mock 함수를 통해 테스트에서 사용할 데이터를 만듭니다.(실제 데이터 사용하지 않고 테스트 가능)
Video
Jest 강좌 #5 목 함수(Mock Functions) - 자바스크립트 테스트 프레임워크
출처: https://youtu.be/9xBjErtlr1o
서원석 님의 학습노트
💡
이 부분은 심화 학습 이예요. 조금 더 알아보고 싶다면 학습해보세요!
NOTE
여기까지 따라오시느라 고생하셨어요! 👏 배운 이론으로 간단히라도 활용을 해볼까요? jest가 리액트에선 어떻게 쓰이는지 따라해봐요!
Video
Jest 강좌 #6 리액트 컴포넌트 + 스냅샷 테스트 - 자바스크립트 테스트 프레임워크
출처: https://youtu.be/g4rMWtPNOr8
서원석 님의 학습노트
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기