Note/TDD (2) 썸네일형 리스트형 [book] : TDD 실천법과 도구 - 은행계좌를 통한 TDD 예 퀜트백(XP 창시자)은 TDD를 프로그램을 작성하기 전에 테스트를 먼저 작성하는것이라 했다 즉 코드를 검증하는 테스트 코드를 먼저 만든 다음에 실제 작성해야하는 프로그램 코드작성에 들어가라는 뜻이다 TDD 개발의 진행 방식은 아래와 같다 1. 질문(ASK) 테스트 작성을 통해 시스템에 질문한다.(테스트 수행결과는 실패 : Fail(RED)) 2. 응답(Respond) 테스트를 통과하는 코드를 작성해서 질문에 대답한다 (테스트 성공 : Pass()) 3. 정재(Refine) 아이디어는 통합하고 불필요한 것은 제거하고 모호한것은 명확히 해서 대답을 정재한다 (Refactoring) 4. 반복(Repeat) 다음 질문을 통해 다화를 계속 진행한다. 실제 간단한 예시 은행계좌 프로세스로 생각해본다 간단한 은행계.. Vue Code Refactoring 테스트 주도 개발 관련 책과 동영상을 보다 현재진행중인 Vue 프로젝트 소스중 간단한 소스 부터 적용해 보기로 했다. 아래 간단한 소스를 우선 적용해 보았다. 아래 코드는 두가지 TDD Refactoring 상 문제가 있다 1. else를 쓰지 않는다. 2. 한 메소드에 오직 한단계의 들여쓰기만 한다 computed: { selectedLabel(){ let label = ""; if (this.selectedItem == null){ if (this.includeAll){ //들여쓰기 2단계 label = this.allLabelName; }else if(this.includeSelect){ label = this.selectLabelName; } }else{ //else 사용 label = this... 이전 1 다음