🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

Thumbnail
상반기 결산 25% 할인 중(D-4)
BEST
개발 · 프로그래밍 프론트엔드

2시간으로 끝내는 프론트엔드 테스트 기본기 대시보드

(5)
22개의 수강평 ∙  326명의 수강생

25%

24,750원

33,000원
지식공유자: 강병진
총 37개 수업 (1시간 48분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[소프트웨어 테스트, 프론트엔드] 강의입니다.

테스트코드! 어디서부터 시작해야할지 막막한 분들을 위해 준비했어요. 테스트 작성부터, 자동화를 통한 배포까지 한번에!

✍️
이런 걸
배워요!
jest, cypress를 활용한 테스트코드 작성법
컴포넌트 개발에서 storybook 활용법
테스트 자동화를 통한 배포
ChatGPT를 활용한 테스트코드 작성방법

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
테스트 작성 경험이 없는 신입/주니어 개발자
테스트를 제대로 작성했는지 확인하고 싶은 주니어 개발자
📚
선수 지식,
필요할까요?
React

안녕하세요
강병진 입니다.
강병진의 썸네일
커리큘럼 총 37 개 ˙ 1시간 48분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 대상과 목적
강의 대상, 목적, 내용에 대한 소개 미리보기 02:28
강의자료 공유
강의 수강평을 작성해주신 선착순 100분께 무료 멘토링을 진행합니다!
섹션 1. 테스트코드란?
테스트코드 작성의 목적과 장점 02:56
무엇을 테스트 할 것인가? 02:41
유닛테스트 vs 통합테스트 vs e2e 테스트 03:20
섹션 2. jest를 활용한 테스트 코드 작성
JavaScript 테스트 코드 문법 소개 미리보기 04:03
jest 설치 및 환경설정 03:33
jest 테스트코드 작성을 위한 사전세팅 05:19
jest 실패 케이스 작성 04:00
beforeEach를 활용 및 jest 성공 케이스 작성 03:39
react-query 공식문서를 따라하면 안되는 이유 미리보기 04:00
nock을 활용한 HTTP request mocking 05:01
섹션 3. cypress를 활용한 테스트코드 작성
cypress 환경설정 02:06
cypress 성공케이스 작성 미리보기 04:53
cypress에서 HTTP request mocking 01:37
cypress GUI에서 테스트케이스 생성 00:49
cypress에서 TypeScript 사용하기 01:10
cypress로 공용 컴포넌트 테스트 01:45
cypress intercept()를 활용한 HTTP request mocking 02:17
cypress에서 fixture 활용 04:19
recoil을 테스트하는 방법 03:58
jest vs cypress 02:22
섹션 4. 스토리북이란?
스토리북은 무엇인가? 02:11
스토리북 설치 및 환경설정 02:23
스토리를 활용한 컴포넌트 작성 04:57
스토리북 배포 01:11
스토리북을 활용한 웹 접근성(accessibility) 테스트 01:42
섹션 5. 현업에서의 테스트코드
cypress cloud 환경설정 02:42
cypress cloud GitHub연동 02:41
AWS Amplify를 활용한 CI/CD 미리보기 02:41
공식문서 따라하면 에러나는 AWS Amplify + cypress 04:52
프론트엔드 TDD란? 00:42
TDD를 위한 cypress 테스트코드 작성 04:46
테스트코드를 통과하는 컴포넌트 구현 04:54
ChatGPT를 활용한 테스트코드 작성 04:57
ChatGPT 이런식으로 쓰면 안됩니다 01:35
강의 게시일 : 2023년 12월 06일 (마지막 업데이트일 : 2023년 12월 12일)
수강평 총 22개
수강생분들이 직접 작성하신 수강평입니다.
5
22개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
BYOUNGGOOG KANG thumbnail
4
2024-05-29
지식공유자 강병진
병국님 수강평 감사합니다! 완강하시고 남겨주신거라 더 감사드려요. 다음엔 꼭 5점짜리 강의를 출시해보겠습니다
2024-05-30
수퍼리치 thumbnail
5
짧지만 굵게 기억에 남을 수 있는 강렬한 강의였습니다. 잘 들었습니다!
2024-06-12
지식공유자 강병진
맛보기용으로 준비한 강의인데 잘 들어주셔서 감사합니다! 조금 더 심화된 내용들도 준비해볼게요!
2024-06-16
노종열 thumbnail
5
1년차 프론트엔드 웹 개발자입니다. 사내 프로젝트 리뉴얼로 Testing Library에 신경 쓸 시간이 없어 따로 공부하지 못했는데, 마침 좋은 강의를 발견했습니다. 사전 지식이 없이도 알아 듣기 쉽게 설명해주시고 잘 정리된 문서까지 제공해주시는 점에서 해당 강의의 본질인 '테스트 기본기'를 확실히 알려주시는 거 같습니다.
2024-01-10
지식공유자 강병진
노종열님 감사합니다! 시작하시는 분들을 위해 기본적인 내용을 잘 녹여내려고 노력했습니다. 계속 공부하시다가 궁금한 점이 있으시면 질문에 올려주세요~
2024-01-10
김동현 thumbnail
5
테스트코드에 대해 공부 중에 단비같은 강의였습니다.
2024-06-04
지식공유자 강병진
감사합니다 동현님! 공부하다가 어렵거나 이해가 안되는 부분은 질문으로 올려주세요~
2024-06-16
김김지호 thumbnail
5
짧지만 핵심만 설명해주셔서 금방 완강했습니다. 감사합니다. 추가로 수강하기 전 노션페이지 + jest 기초문법에 대해서 공부 후 보시는 걸 더 추천합니다.
2024-05-25
지식공유자 강병진
강의 수강 꿀팁 감사합니다 지호님! 계속 수강하시면서 이해가 어려운 부분은 꼭 질문으로 올려주세요~
2024-05-30
채널톡 아이콘