TDD에 대한 오해

TDD !== TESTCODE

"TDD 그거 테스트코드 짜면서 코딩하는거 아님?"

TDD의 계단

실패하는 테스트케이스를 만든다

테스트 케이스를 통과하는 코드를 작성한다

리팩토링

클린코드를 위한 방황

네이밍 지옥

좋은 네이밍을 하는 방법

의도를 드러내라 -getLinearSearchPosition-

구현 방법을 숨겨라 -getSearchPosition-

반환 타입에 대한 명확한 힌트를 제공해라 -indexOf-

미션을 진행하면서 느낀 고찰

Validation의 담당자는 누구인가

• Controller
  • App
• Model
  • Car
  • Track
  • WinnerChecker
• View
  • Renderer

• 자동차 이름 목록(array)
  • 최대 참가 인원
  • 최소 참가 인원
• 자동차 이름(string)
  • 최대 글자
  • 최소 글자
• 라운드(number)
  • 최대 라운드
  • 최소 라운드

Having the validations at the model level allows data to theoretically be always correct. Model에서 유효성 검사를 실시함으로써 무결성을 유지할 수 있다.

private method의 테스팅

예상치 못하게 알게된 JS의 구조적 특징

javascript는 결국 prototype이다

1class Utils {
2  getA() {
3    return 'A';
4  }
5  static getB() {
6    return this.getA();
7  }
8}
9

1class Utils {
2  static getA() {
3    return 'A';
4  }
5  static getB() {
6    return this.getA();
7  }
8}
9

1class Utils {
2  static getThis() {
3    return this;
4  }
5}
6

1class Utils {
2  static getThis() {
3    return this;
4  }
5}
6

1'use strict';
2
3function _typeof(obj) {
4  '@babel/helpers - typeof';
5
6  return (
7    (_typeof =
8      typeof Symbol === 'function' && typeof Symbol.iterator === 'symbol'
9        ? function (obj) {
10            return typeof obj;
11          }
12        : function (obj) {
13            return obj && typeof Symbol === 'function' && obj.constructor === Symbol && obj !== Symbol.prototype
14              ? 'symbol'
15              : typeof obj;
16          }),
17    _typeof(obj)
18  );
19}
20
21function _classCallCheck(instance, Constructor) {
22  if (!(instance instanceof Constructor)) {
23    throw new TypeError('Cannot call a class as a function');
24  }
25}
26
27function _defineProperties(target, props) {
28  for (let i = 0; i < props.length; i++) {
29    const descriptor = props[i];
30    descriptor.enumerable = descriptor.enumerable || false;
31    descriptor.configurable = true;
32    if ('value' in descriptor) descriptor.writable = true;
33    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
34  }
35}
36
37function _createClass(Constructor, protoProps, staticProps) {
38  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
39  if (staticProps) _defineProperties(Constructor, staticProps);
40  Object.defineProperty(Constructor, 'prototype', { writable: false });
41  return Constructor;
42}
43
44function _toPropertyKey(arg) {
45  const key = _toPrimitive(arg, 'string');
46  return _typeof(key) === 'symbol' ? key : String(key);
47}
48
49function _toPrimitive(input, hint) {
50  if (_typeof(input) !== 'object' || input === null) return input;
51  const prim = input[Symbol.toPrimitive];
52  if (prim !== undefined) {
53    const res = prim.call(input, hint || 'default');
54    if (_typeof(res) !== 'object') return res;
55    throw new TypeError('@@toPrimitive must return a primitive value.');
56  }
57  return (hint === 'string' ? String : Number)(input);
58}
59
60const Utils = /* #__PURE__ */ (function () {
61  function Utils() {
62    _classCallCheck(this, Utils);
63  }
64  _createClass(Utils, null, [
65    {
66      key: 'getA',
67      value: function getA() {
68        return 'A';
69      },
70    },
71    {
72      key: 'getB',
73      value: function getB() {
74        return this.getA();
75      },
76    },
77  ]);
78  return Utils;
79})();
80

최종 정리