카테고리: TDD

2019
StudyTDD

[TDD] 07 - ToDoItem Component

ToDoList 컴포넌트의 자식 컴포넌트인 ToDoItem 컴포넌트의 테스트 Rendering test 앱이 의도한대로 잘 그려지고 있는가? 테스트 코드 작성1234567891011121314151617// __tests__/ToDoItem-test.js...import ToDoItem from '../src/components/ToDoItem&

StudyTDD

[TDD] 06 - ToDoList Component

App 컴포넌트의 두번째 구성인 ToDoList 컴포넌트의 테스트 및 개발을 시작한다. Rendering test 앱이 의도한대로 잘 그려지고 있는가? 테스트 코드 작성12345678// __tests__/ToDoList-test.js// Rendering Testdescribe("Rendering", () => {

StudyTDD

[TDD] 05 - AddToDo Component

저번 시간에 <App /> 컴포넌트의 테스트를 통과했다면, 이제부터 세부적인 컴포넌트 테스트를 진행한다. 컴포넌트 진행은 다음과 같은 2-track 으로 진행한다. Rendering test 앱이 의도한대로 잘 그려지고 있는가? 저번에 테스트한 것과 크게 다를게 없다. 테스트 코드를 작성 후 Make it fail > Make it gre

StudyTDD

[TDD] 04 - 테스트 시작

Describe it Make it fail Make it green Refactoring (Optional) 이제 환경 구성을 마치고 본격적으로 테스트를 시작한다. 제일 먼저 시작해야할 것은 개발할 앱의 구성 요소를 빠르게 스케치하고, 컴포넌트를 정의하는 것이다. 예를 들어 이번 스터디에서 우리가 타겟으로 하는 앱이 Todo-list 앱 이라면 다

StudyTDD

[TDD] 03 - 테스트 개발 환경구축 2

Detox개요컴포넌트 테스트를 위한 목적이 아니라 End-to-End 테스트를 위해서 개발된 라이브러리이다. 모바일 개발환경을 위해서 개발되었다. 모바일 부분에서는 마땅히 대체할만한 라이브러리가 없어서 Detox로 진행한다. 설치 Detox 설치는 공식문서에서도 확인 가능하다. macOS 기준으로 작성되어있으며, Android 버전 가이드는 Android

StudyTDD

[TDD] 02 - 테스트 개발 환경구축

개발환경 구축버전 정보123"react": "16.9.0","react-native": "0.61.1""jest": "^24.9.0" 관련 라이브러리Jest통합 라이브러리이며, react-native-cli 설치 시 기본 옵션으로 포함되어 설치된다.

StudyTDD

[TDD] 01 - TDD 및 React-native의 개요

스터디 개요 모든 코드가 이 책의 예제만큼 분명하고 직접적인 프로그램 세상복잡한 해법이란 없고 단지 외관 상 복잡해보이는 문제에 대해 신중히 사고하면 되는 그런 곳TDD는 그런 사고가 가능하도록 당신을 도와 줄 수 있다. TDD에 대한 중요성과 공부해야겠다는 인식은 이미 오래전에 확인한 사실이었다.그럼에도 부지런하지 못하고 자꾸만 현실에 안주하려는 게으름