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