프론트엔드 개발

앞에서 알아본 Cypress를 직접 실행해보면서 접근해보겠습니다. Cypress 설치 공식 홈페이지에 나와있는 설치 요구사항으로는 아래와 같습니다. Operating Systemp macOS 10.9 and above (64-bit only) Linux Ubuntu 12.04 and above, Fedora 21 and Debian 8 (64-bit only) Windows 7 and above (64-bit only) Node.js npm 사용시 Node.js v12 혹은 v14, 그 이상을 사용하라고 합니다 저는 macOS에서 다음과 같은 버전을 사용하겠습니다. 설치 아래 두가지중 선택하셔서 터미널에 명령어를 입력하면 됩니다. Node 및 npm을 사용하지 않다면 여기를 참고하세요 npm instal..

Cypress를 공식 홈페이지에서 보며 정리한 내용을 다뤄보겠습니다. Cypress란? Cypress는 자바스크립트 E2E 테스트 프레임워크입니다. 개발자 또는 QA 엔지니어가 Cypress를 이용하여 테스트를 할 수 있습니다. Cypress를 이용하여 다음과 같은 테스트를 할 수 있습니다. End-to-end tests Integration tests Unit tests Cypress 특징 Cypress의 특징은 다음과 같습니다. 완벽한 E2E Tesing을 경험할 수 있습니다. Cypress Test Runner를 설치하고 로컬에서 테스트를 작성합니다. CI 테스트를 구축 및 결과를 기록합니다. Cypress는 테스트가 실행될 때 스냅샷을 만듭니다. 각 단계에서 정확히 어떤 일이 발생했는지 확인할 수..

Jest 공식 홈페이지를 보고, 번역하면서 작성하였습니다 Jest 라이브러리 설치 1) yarn을 이용 yarn add --dev jest 2) npm을 이용 npm install --save-dev jest 테스트 파일 생성 파일 위치 : 테스트할 파일이 있는 폴더 내 폴더 이름 : __test__ 파일 이름 : 파일 이름.test.js 또는 파일 이름.spec.js 테스트 코드 작성 두 개의 숫자를 더하는 가상 함수에 대한 테스트를 작성하는 것으로 시작해 보겠습니다. 먼저 sum.js 파일을 만듭니다. sum.js function sum(a, b) { return a + b; } module.exports = sum; sum.test.js const sum = require('./sum'); test..

전 글 에서는 TDD를 알아보게 되었는데, 테스팅 라이브러리 중 요즘 핫하고, 나중에 react와 typescript에서도 적용할 수 있는 Jest에 대해서 알아보겠습니다. 이번 시간은 간단하게 알아보고, 다음에는 실습을 직접 해보겠습니다! Jest란 Jest는 단순성에 중점을 둔 페이스북에서 만든 자바스크립트 JavaScript 테스팅 프레임워크입니다. Babel, TypeScript, Node, React, Angular, Vue 등을 사용하는 프로젝트에서 작동합니다! Jest 특징 zero config Jest는 대부분의 JavaScript 프로젝트에서 구성 없이 즉시 사용할 수 있도록 하는 것을 목표로 합니다. snapshots 큰 물체를 쉽게 추적하는 테스트를 만드십시오. 스냅숏은 테스트와 함께..

과제를 준비하면서 TDD 처음 접해보았는데 TDD란 무엇이고, 어떻게 적용하면 될지 공부해야 할 필요성을 느꼈습니다. TDD란, TDD(Test-Driven-Development) '테스트 주도 개발' 소프트웨어 개발 방법론 중의 하나로, 반복 테스트를 이용한 소프트웨어 방법론으로, 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 추가하는 단계를 반복하여 구현합니다. TDD 의 3가지 절차 RED - 실패하는 테스트 생성. - 실패하는 테스트 케이스를 만들 때는 프로젝트의 전체 기능에 대하여 처음부터 모든 테스트 케이스를 작성하는 것이 아니라, 지금 가장 먼저 구현할 기능 하나씩 테스트 케이스를 작성합니다. GREEN - 테스트에 통과하는 코드 작성 - 우리가 작성하는 실패하는 테스트 케이스를..