"매 첫 두 번의 중복은 참아라. 세 번째에 추상화하라". Martin Fowler 가 Refactoring (1999) 에서 codify 한 heuristic — 매 premature abstraction 의 cost 가 duplication 의 cost 보다 큰 까닭에, 매 세 번째 instance 에서 야 진짜 pattern 이 보인다는 pragmatic guideline. 매 2026 년 까지 매 senior eng 의 default mental model.
매 핵심
매 origin (Don Roberts → Fowler)
Don Roberts 가 처음 articulate, Fowler 가 Refactoring (1999) book 에서 popularize.
매 underlying principle: 매 abstraction 은 매 미래 의 use case 의 prediction. 매 N=2 일 때 prediction 의 sample size 부족. 매 N=3 에서 야 매 commonality 가 진짜 인지 vs 매 우연 인지 distinguishable.
매 trade-off
매 abstraction cost: 매 wrong abstraction 의 cost ≫ 매 duplication 의 cost (Sandi Metz 의 famous talk: "duplication is far cheaper than the wrong abstraction").
매 cognitive load: 매 abstraction 의 매 indirection 추가 → 매 reader 가 매 hop 따라 가야.
매 lock-in: 매 abstraction 일찍 commit 시 매 future divergence 시 매 rollback cost 큼.
매 응용
함수 추출: 매 동일 logic 의 3 번째 copy 시 → extract function.
클래스 hierarchy: 매 3 번째 subclass 의 emerging 시 → introduce base class.
Config / parameter: 매 magic number 의 3 번째 occurrence 시 → constant 화.
💻 패턴
Pattern 1: Duplication tolerated (N=2)
// 매 OK — 매 2 번 만의 duplication. 매 abstraction X.
functioncalcOrderTotal(items: Item[]){returnitems.reduce((sum,i)=>sum+i.price*i.qty,0);}functioncalcCartPreview(items: Item[]){// 매 looks similar but 매 different context — leave it.
returnitems.reduce((sum,i)=>sum+i.price*i.qty,0);}
Pattern 2: 3rd occurrence → extract
// 매 3 번째 copy 등장 시 abstract.
constsumLineItems=(items: Item[])=>items.reduce((sum,i)=>sum+i.price*i.qty,0);constcalcOrderTotal=sumLineItems;constcalcCartPreview=sumLineItems;constcalcInvoiceTotal=sumLineItems;// 매 trigger
Pattern 3: Generic-too-early anti-example
// 매 BAD — 매 N=1 에서 매 over-generalize.
functionprocessCollection<T,R>(data: T[],reducer:(acc: R,x: T)=>R,initial: R,filter?:(x: T)=>boolean,mapper?:(x: T)=>T):R{// 매 future-proofing 의 환상. 매 actual 사용 = 매 1 case.
}
Pattern 4: Sandi Metz 의 "prefer duplication"
# 매 duplicate code 는 매 wrong abstraction 보다 매 fix easier.# 매 wrong abstraction = 매 매 caller refactor 필요.classOrderTotaldefcalculate(items)items.sum{|i|i.price*i.qty}endendclassCartPreviewdefcalculate(items)items.sum{|i|i.price*i.qty}# 매 duplicate intentional until N=3endend
Pattern 5: 매 React component 의 Rule of Three
// 매 1st: inline.
<buttonclassName="bg-blue-500 px-4 py-2 rounded">Save</button>// 매 2nd: 그냥 copy.
<buttonclassName="bg-blue-500 px-4 py-2 rounded">Cancel</button>// 매 3rd: abstract.
constPrimaryButton=({children,...rest})=>(<buttonclassName="bg-blue-500 px-4 py-2 rounded"{...rest}>{children}</button>);
매 결정 기준
상황
Approach
매 N=1 (one-off)
Inline. 매 abstraction X.
매 N=2 (duplication 등장)
Wait. 매 watch for 3rd.
매 N=3 (triplication)
Extract — 매 pattern crystallized.
매 cross-domain duplication (uncertain pattern)
Wait — 매 4-5 까지 도 OK.
매 critical bug-prone duplication
Extract early — 매 correctness ≫ 매 abstraction cost.