전체태그 보기

#TDD (7개의 포스트)

react-testing-library 를 사용하여 TDD 개발 흐름으로 투두리스트 만들기
velopert
이제 우리는 리액트에서 react-testing-library 를 통하여 테스트 코드를 작성하는 방법을 배웠습니다. 이제 우리가 배운 것들을 활용하여, TDD 흐름으로 투두 리스트를 만들어봅시다. 기존에는 코드를 먼저 구현하고 이를 위한 테스트 코드를 작성했는데요, 이번에는 반대로 테스트 코드를 먼저 작성하고 기능을 구현해보겠습니다. 우리는 앞으로 이런 ...
react-testing-library 를 사용한 리액트 컴포넌트 테스트
velopert
react-testing-library 에서는 Enzyme 과 달리 모든 테스트를 DOM 위주로 진행합니다. 그리고, 컴포넌트의 props 나 state 를 조회하는 일은 없습니다. 컴포넌트를 리팩토링하게 될 때에는, 주로 내부 구조 및 네이밍은 많이 바뀔 수 있어도 실제 작동 방식은 크게 바뀌지 않습니다. react-testing-library는 이 점을...
Enzyme 을 사용한 리액트 컴포넌트 테스트
velopert
우선, 우리가 테스팅을 연습할 리액트 프로젝트를 만들겠습니다. CRA 를 통하여 프로젝트를 생성해주세요. 정리 이번 섹션에서는 Enzyme 을 통한 컴포넌트 테스팅에 대해서 알아보았습니다. Enzyme 의 공식 문서를 보면, Enzyme 에 있는 더 많은 기능들을 볼 수 있습니다....
리액트 테스트의 소개
velopert

리액트 테스트의 소개

2019년 6월 4일0개의 댓글
리액트 컴포넌트를 테스트 할 때에는 주로 어떠한 결과가 화면상에 잘 나타났는지, 그리고 어떠한 이벤트 혹은 함수가 호출 됐을 때 원하는 업데이트가 잘 반영이 되는지를 확인합니다. 이를 수행하는 가장 기본적인 방법은 react-dom/test-utils 안에 들어있는 유틸 함수를 사용하는 것 입니다. 그런데, 위 유틸 함수들을 직접 사용해서 테스트 코드를...
TDD의 소개
velopert

TDD의 소개

2019년 6월 4일1개의 댓글
TDD (Test Driven Development · 테스트 주도 개발) 에 대해서 알아봅시다! TDD 는 테스트가 개발을 이끌어 나가는 형태의 개발론입니다. 가장 쉽게 설명하자면, 선 테스트 코드 작성, 후 구현 인데요, 이는 총 3가지 주요 절차로 이루어져있습니다. TDD 의 3가지 절차 실패 첫번째 절차는 실패입니다. 이는, 실...
벨로퍼트와 함께하는 리액트 테스팅
velopert
이 튜토리얼에서는 리액트 프로젝트에서 TDD (Test Driven Development · 테스트 주도 개발)을 하는 방법에 대해서 알아보겠습니다. 소프트웨어 개발에서의 "테스트" 라는 개념에 대해서 1도 모르는 개발자도 이 튜토리얼을 마치고나면, "나는 리액트 테스팅을 잘 할 수 있다!" 라고 말 할 수 있습니다. 이 튜토리얼을 진행하기 전에는 No...
TDD란?
essri

TDD란?

2019년 1월 1일1개의 댓글
클린코더스 - 백명석님 강의를 보고 작성한 글입니다. 1. TDD의 세가지 법칙 - Failing Test가 있을때만 프로덕션코드에 작성하라 - 실패를 나타내는데 충분한 테스트만 작성하라. - 테스트가 성공하는 만큼만의 코드를 작성하라. (이해가 아직 잘 안됨..) 2. TDD 절차 세가지 법칙이나 TDD작성 절차를 지키지 않았을경우 S...