33,000원
초급자를 위해 준비한
[소프트웨어 테스트, 프론트엔드] 강의입니다.
테스트코드! 어디서부터 시작해야할지 막막한 분들을 위해 준비했어요. 테스트 작성부터, 자동화를 통한 배포까지 한번에!
✍️
이런 걸
배워요!
이런 걸
배워요!
jest, cypress를 활용한 테스트코드 작성법
컴포넌트 개발에서 storybook 활용법
테스트 자동화를 통한 배포
ChatGPT를 활용한 테스트코드 작성방법
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
테스트 작성 경험이 없는 신입/주니어 개발자
테스트를 제대로 작성했는지 확인하고 싶은 주니어 개발자
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
React
안녕하세요
강병진 입니다.
강병진 입니다.
(현) GS 그룹 DX BootCamp 프론트엔드 교육 담당
(전) 시리즈 C 인공지능 스타트업 테크리드
원티드 프리온보딩 프론트엔드 챌린지 진행 (누적 6000+)
네이버 부스트캠프 웹/모바일 멘토
네이버 클라우드 YouTube Channel presenter
커리큘럼
총 37 개
˙ 1시간 48분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 대상과 목적
3 강
∙ 2분
섹션 1. 테스트코드란?
3 강
∙ 8분
테스트코드 작성의 목적과 장점
02:56
무엇을 테스트 할 것인가?
02:41
유닛테스트 vs 통합테스트 vs e2e 테스트
03:20
섹션 2. jest를 활용한 테스트 코드 작성
7 강
∙ 29분
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를 활용한 테스트코드 작성
10 강
∙ 25분
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. 스토리북이란?
5 강
∙ 12분
스토리북은 무엇인가?
02:11
스토리북 설치 및 환경설정
02:23
스토리를 활용한 컴포넌트 작성
04:57
스토리북 배포
01:11
스토리북을 활용한 웹 접근성(accessibility) 테스트
01:42
섹션 5. 현업에서의 테스트코드
9 강
∙ 29분
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일)
수강평
총 17개
수강생분들이 직접 작성하신 수강평입니다.
5
17개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
짧지만 핵심만 설명해주셔서 금방 완강했습니다.
항상 강의 혹은 글을 보면서 TDD에 대한 감을 못잡았는데, 짧은 강의임에도 바로 감이 오네요.
감사합니다
2024-02-24
최근에 테스트 코드를 공부하는 취준생으로서 현업에서 진행되는 개발 방식에 대한 관심이 많았는데, 시의적절하게 좋은 강의를 만난 것 같습니다! 최근 녹화된 강의라서 버전 간 호환 문제도 없어서 좋고 특히 자막과 속도감이 적당히 빠른 점이 좋았습니다~ 추천합니다~!
2024-02-09
원티드 프리온보딩 FE때 처음 알게 된 강사님입니다.
강의가 너무 좋아서 더 듣고싶었는데 인프런에 강의 있는걸 보고 바로 구매했습니다.
테스트코드 문법을 알아도 뭘 테스트해야할지 몰라서 막막했는데
어떤걸 테스트해야할지 상세하게 알려주십니다.
항상 굉장히 알찬 내용들을 알려주셔서 다음 강의도 기대가 됩니다!
2024-03-26
1년차 프론트엔드 웹 개발자입니다. 사내 프로젝트 리뉴얼로 Testing Library에 신경 쓸 시간이 없어 따로 공부하지 못했는데, 마침 좋은 강의를 발견했습니다.
사전 지식이 없이도 알아 듣기 쉽게 설명해주시고 잘 정리된 문서까지 제공해주시는 점에서 해당 강의의 본질인 '테스트 기본기'를 확실히 알려주시는 거 같습니다.
2024-01-10
강의 하나하나가 알찬데 시간은 짧아서 집중이 매우 잘되었고, 머리에 쏙쏙 박혔습니다. 전 주니어 프론트엔드 개발자인데, 그동안 테스트코드를 작성해보려고 시도를 했었지만 어디서부터, 어떤 라이브러리로 시작해야할지 막막했었는데 이 강의 덕에 많이 배운 것 같습니다. 강사님 감사합니다!
2024-03-06