66,000원
초급자를 위해 준비한
[소프트웨어 테스트, 프론트엔드] 강의입니다.
이 강의를 통해 전반적인 프런트엔드 테스트 종류를 파악하고, 상황에 맞는 적절한 테스트 선택을 통해 신뢰감 있는 테스트를 작성하는 방법을 배웁니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
테스트 작성에 필요한 중요 개념
내가 작성한 코드의 신뢰를 올릴 수 있는 프런트엔드 테스트 작성법
vitest를 활용한 스냅샷 테스트 작성법
Storybook과 Chromatic을 활용한 시각적 회귀 테스트 작성법
Cypress를 활용한 E2E 테스트 작성법
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
테스트를 통해 자신이 작성한 코드에 자신감을 갖고 싶은 분
테스트를 통해 손으로 직접하는 반복적인 검증을 자동화 시키고 싶은 분
평소 프런트엔드 테스트가 무엇을 검증하는 것인지 궁금했던 분
여러 프런트엔드 테스트 타입을 한 번에 학습하고 적절하게 녹아든 워크플로우를 구축하고 싶은 분
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
JavaScript
CSS·HTML
React
안녕하세요
코드 조커, 오프 입니다.
코드 조커, 오프 입니다.
코드 조커
◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 11년차 프런트엔드 개발자
◦ (현) 글로벌 컨텐츠 회사 FE 개발 부문 팀장
◦ (전) NHN TOAST Cloud FE 개발 팀장
◦ (전) 삼성 SDS FE 개발자
오프
◦ 기초부터 완성까지, 프런트엔드(개발부터 테스트까지, 이론과 예제로 배우는 프런트엔드) 저자
◦ 7년차 프런트엔드 개발자
◦ (현) 글로벌 메신저 회사 FE 개발자
◦ (전) NHN TOAST UI 오픈소스 개발자
커리큘럼
총 23 개
˙ 3시간 59분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 소개
2 강
∙ 8분
섹션 1. TDD와 프런트엔드 테스트
2 강
∙ 19분
1.1. 테스트 주도 개발(TDD)는 무엇일까?
06:52
1.2. 테스트 주도 개발과 프런트엔드 테스트
12:10
섹션 2. 스냅샷 테스트
2 강
∙ 15분
2.1. UI 테스트와 스냅샷 테스트
미리보기
08:29
2.2. 스냅샷 테스트의 한계
07:04
섹션 3. 스토리북과 크로마틱을 활용한 시각적 회귀 테스트
5 강
∙ 51분
3.1. 시각적 회귀 테스트를 위한 스토리북
12:55
3.2. 스토리 작성하기
12:36
3.3. 크로마틱(Chromatic)을 통한 UI 테스트 자동화
09:49
3.4. 크로마틱(Chromatic)을 활용한 시각적 회귀 테스트 워크플로우 만들기
09:03
3.5. 시각적 회귀 테스트의 한계
06:42
섹션 4. E2E 테스트란?
4 강
∙ 47분
4.1. E2E 테스트란 무엇일까?
09:00
4.2. Cypress로 E2E 테스트 시작하기
미리보기
09:54
4.3. Cypress로 E2E 테스트 작성하기
15:50
4.4. Cypress와 쿼리
13:13
섹션 5. Cypress를 활용한 E2E 테스트 작성하기
7 강
∙ 1시간 20분
5.1. 커스텀 커맨드와 쿼리
08:06
5.2. E2E 테스트 작성하기 - 메인 홈페이지
18:45
5.3. 서버 요청 가로채기
11:30
5.4. E2E 테스트 작성하기 - 구매 페이지
17:29
5.5. E2E 테스트 작성하기 - 권한 체크
05:47
5.6. E2E 테스트의 한계
06:12
5.7. 테스트 더블
12:49
섹션 6. 마무리
1 강
∙ 16분
6.1. 어떻게 프런트엔드 테스트를 작성할 것인가?
16:43
강의 게시일 : 2023년 12월 19일
(마지막 업데이트일 : 2023년 12월 19일)
수강평
총 7개
수강생분들이 직접 작성하신 수강평입니다.
5
7개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
항상 테스트에 대해 궁금증이 많았던 신입 개발자입니다. 1부에 이어서 들었는데요 확실히 2부까지 들으니깐 프로젝트 상황에 맞는 프론트 테스트를 조합해 작성할 수 있어서 막연했던 테스트 작성에 자신감이 생겼습니다ㅎㅎ이제 실무에 적용해봐야겠네요
2023-12-25
2년차지만 실무에서 테스트 코드를 작성한 경험이 없어서 이직을 앞두고 마음이 불안했는데, 강의를 완강하고 테스트 코드 작성에 대한 감을 잡게 된 것 같아서 뿌듯합니다. 물론 강의를 더 반복해서 듣고 공식 문서도 많이 읽어봐야 하겠지만, 이렇게 좋은 강의를 만들어 주셔서 진심으로 감사합니다. 테스트 코드를 한번도 작성하지 않은 개발자여도 이 두 편의 강의로 테스트 코드에 대한 기본적인 감을 잡기에는 정말 도움이 많이 되는 강의라고 생각합니다. 앞으로도 좋은 강의 많이 만들어주세요! 더 나은 개발자로 성장하는 데 도움을 주셔서 감사합니다:)
2024-04-03
강의 내용 너무 좋아요. 설명도 많고 마지막에 한 페이지 요약도 해줘서 복습하기도 용이합니다.
다만 강의별 세팅파일이 조금씩 다른데,, 굳이 구분될 필요가 있나 싶어요. 매번 새로 다운받아 install하거나 새 버전 비교해서 수정하는 작업이 번거로웠어요
2024-04-03
2부 내용에서는 각 툴의 장단점을 설명해주어 각 환경에 맞는 테스트 도구 선택 및 사용 방법에 대한 설명을 들을 수 있어 유익했습니다.
1부 강의에 이어 2부 까지 들었는데, 정말 도움이 많이 되었습니다.
2023-12-29
요즘 테스트 코드를 우대사항이나 요구 조건에 넣는 경우가 많아 테스트 코드 작성에 관심을 가지게 됐었는데, 아직 현업 경험이 없는 초보 개발자들이 궁금해할 만한 현업에서의 테스트 방식을 자세하게 배울 수 있어서 너무 좋은 것 같습니다. 다른 분들께도 강추합니다~~ 👍
2024-01-24