하루만에 Cypress로 작성하는 자바스크립트 E2E 테스트 코드 대시보드

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

프론트엔드는 사용자와의 접점이 이루어지는 곳이기 때문에 개발자의 입장이 아닌, 사용자의 입장에서의 테스트가 매우 중요합니다. E2E테스트를 통해 사용자 시나리오가 정상적으로 동작하는지 검증해보고 내 코드에 대해 두려움에서 자신감을 가지는 경험을 해보세요!

코드 작성의 두려움, E2E 테스트로 떨쳐내보세요!

개발자는 작성한 프로그램의 퀄리티에 대한 책임이 있습니다. 그래서 QA에 기능 테스트를 넘기기 전 기본 요구사항을 모두 만족하는지에 대한 검증은 개발자 스스로 할 수 있어야 합니다. 신뢰할 수 있는 자동화 테스트를 통해 자신의 코드에 자신감을 불어넣는 경험을 해보세요!

FE 테스트 입문자를 위한
Cypress E2E 테스트 강의. 💡 

용기는 두려움이 없는 상태가 아니다.
진정한 용기란 두려움에도 불구하고 행동하는 상태이다. 
- 괴테

프론트엔드 테스트코드를 짜야한다는 두려움을, 자신감으로 바꾸는 경험을 '함께' 만들어 나갑니다.

이런 분들에게
도움이 될 것 같아요! 🙋🏻‍♂️

기본적인 자바스크립트 개념을 알고 있는 분

테스트 코드에 대한 갈증이 있는 분

처음 프론트엔드 학습을 하다 보면 화면 UI 기능 개발에 집중하느라, 테스트 코드에 대한 막연한 두려움이 있는 경우가 있습니다. 그러한 두려움을 작은 단위의 기능 구현부터, 상호 간의 피드백을 통해 이겨내는 과정을 거칩니다. 특히 E2E 테스트 도구를 이용하여 사용자 시나리오를 클라이언트에서 테스트하는 동작을 같이 연습할 예정입니다.

이런 점이 달라요! ✨

직접 만들어보세요! 📚

1. 카운터 앱

📔 저장소: https://github.com/blackcoffee-study/js-counter-test
💻 데모: https://blackcoffee-study.github.io/js-counter-test/

카운터 앱의 더하기, 빼기, 리셋 기능을 테스트 합니다. 기능을 직접 구현하셔도 괜찮고, 테스트 자체에 집중하고 싶다면 기능이 구현된 브랜치에서 테스트만 작성해보세요!

2. 계산기 앱

📔 저장소: https://github.com/blackcoffee-study/js-calculator-test/tree/main
💻 데모: https://blackcoffee-study.github.io/js-calculator-test/

사칙연산과 같은 기초적인 계산기 기능을 테스트 합니다.

질문이 있으신가요? 🙌

메이커준 소개 😆

밝은 에너지로 함께 성장하는 '환경'을 만드는 메이커준입니다.
메이커준에 대한 자세한 소개는 메이커준 프로필 페이지에서 자세히 보실 수 있어요!

이런 분들께 추천드려요!