https://junilhwang.github.io/TIL/assets/index.html.c87c9295.js

1const e={key:"v-ecb486d0",path:"/clean-code/as-requirements-change/",title:"\uC694\uAD6C\uC0AC\uD56D\uC758 \uBCC0\uD654\uB85C \uC54C\uC544\uAC00\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD074\uB9B0\uCF54\uB4DC",lang:"en-US",frontmatter:{title:"\uC694\uAD6C\uC0AC\uD56D\uC758 \uBCC0\uD654\uB85C \uC54C\uC544\uAC00\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD074\uB9B0\uCF54\uB4DC",description:"\uD074\uB9B0\uCF54\uB4DC\uB97C \uC694\uAD6C\uC0AC\uD56D\uC744 \uB5BC\uC5B4\uB193\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uC744\uAE4C?",sidebarDepth:2,date:"2025-06-19T00:00:00.000Z",tag:"javascript, react, \uD074\uB9B0\uCF54\uB4DC",keywords:"javascript clean code, react clean code, \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD074\uB9B0\uCF54\uB4DC, \uB9AC\uC561\uD2B8 \uD074\uB9B0\uCF54\uB4DC, \uD504\uB860\uD2B8\uC5D4\uB4DC \uD074\uB9B0\uCF54\uB4DC",thumbnail:"https://raw.githubusercontent.com/JunilHwang/TIL/refs/heads/master/clean-code/as-requirements-change/diagram1.png",head:[["meta",{property:"og:title",content:"\uC694\uAD6C\uC0AC\uD56D\uC758 \uBCC0\uD654\uB85C \uC54C\uC544\uAC00\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD074\uB9B0\uCF54\uB4DC"}],["meta",{property:"og:description",content:"\uD074\uB9B0\uCF54\uB4DC\uB97C \uC694\uAD6C\uC0AC\uD56D\uC744 \uB5BC\uC5B4\uB193\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uC744\uAE4C?"}],["meta",{name:"keywords",content:"javascript clean code, react clean code, \uC790\uBC14\uC2A4\uD06C\uB9BD\uD2B8 \uD074\uB9B0\uCF54\uB4DC, \uB9AC\uC561\uD2B8 \uD074\uB9B0\uCF54\uB4DC, \uD504\uB860\uD2B8\uC5D4\uB4DC \uD074\uB9B0\uCF54\uB4DC"}],["meta",{property:"og:image",content:"https://raw.githubusercontent.com/JunilHwang/TIL/refs/heads/master/clean-code/as-requirements-change/diagram1.png"}],["meta",{property:"og:url",content:"https://junilhwang.github.io/TIL/clean-code/as-requirements-change/"}],["meta",{property:"og:type",content:"article"}],["meta",{property:"og:site_name",content:"\uAC1C\uBC1C\uC790 \uD669\uC900\uC77C"}],["meta",{name:"twitter:card",content:"summary_large_image"}],["meta",{name:"twitter:title",content:"\uC694\uAD6C\uC0AC\uD56D\uC758 \uBCC0\uD654\uB85C \uC54C\uC544\uAC00\uB294 \uD504\uB860\uD2B8\uC5D4\uB4DC \uD074\uB9B0\uCF54\uB4DC"}],["meta",{name:"twitter:description",content:"\uD074\uB9B0\uCF54\uB4DC\uB97C \uC694\uAD6C\uC0AC\uD56D\uC744 \uB5BC\uC5B4\uB193\uACE0 \uC774\uC57C\uAE30\uD560 \uC218 \uC788\uC744\uAE4C?"}],["meta",{name:"twitter:image",content:"https://raw.githubusercontent.com/JunilHwang/TIL/refs/heads/master/clean-code/as-requirements-change/diagram1.png"}]]},excerpt:"",headers:[{level:2,title:"\uCD08\uAE30 \uC694\uAD6C\uC0AC\uD56D",slug:"\u110E\u1169\u1100\u1175-\u110B\u116D\u1100\u116E\u1109\u1161\u1112\u1161\u11BC",children:[]},{level:2,title:"1\uB2E8\uACC4: Vanilla Javascript \uB85C \uAD6C\uD604\uD558\uAE30",slug:"_1\u1103\u1161\u11AB\u1100\u1168-vanilla-javascript-\u1105\u1169-\u1100\u116E\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uD504\uB85C\uC81D\uD2B8 \uC138\uD305 (\uC0DD\uB7B5\uD574\uB3C4 \uBB34\uBC29)",slug:"_1-\u1111\u1173\u1105\u1169\u110C\u1166\u11A8\u1110\u1173-\u1109\u1166\u1110\u1175\u11BC-\u1109\u1162\u11BC\u1105\u1163\u11A8\u1112\u1162\u1103\u1169-\u1106\u116E\u1107\u1161\u11BC",children:[]},{level:3,title:"(2) \uC77C\uB2E8 \uAD6C\uD604\uD558\uAE30",slug:"_2-\u110B\u1175\u11AF\u1103\u1161\u11AB-\u1100\u116E\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) 1\uB2E8\uACC4 \uB370\uBAA8",slug:"_3-1\u1103\u1161\u11AB\u1100\u1168-\u1103\u1166\u1106\u1169",children:[]},{level:3,title:"(4) \uC0C8\uB85C\uC6B4 \uC694\uAD6C\uC0AC\uD56D\uC744 \uD1A0\uB300\uB85C \uBB38\uC81C \uBD84\uC11D\uD558\uAE30",slug:"_4-\u1109\u1162\u1105\u1169\u110B\u116E\u11AB-\u110B\u116D\u1100\u116E\u1109\u1161\u1112\u1161\u11BC\u110B\u1173\u11AF-\u1110\u1169\u1103\u1162\u1105\u1169-\u1106\u116E\u11AB\u110C\u1166-\u1107\u116E\u11AB\u1109\u1165\u11A8\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(5) \uC5B4\uB5BB\uAC8C \uAC1C\uC120\uD560 \uC218 \uC788\uC744\uAE4C?",slug:"_5-\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1100\u1162\u1109\u116

15\u11AB\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u110B\u1173\u11AF\u1101\u1161",children:[]}]},{level:2,title:"2\uB2E8\uACC4: \uD604\uC7AC \uCF54\uB4DC \uB9AC\uD329\uD1A0\uB9C1",slug:"_2\u1103\u1161\u11AB\u1100\u1168-\u1112\u1167\u11AB\u110C\u1162-\u110F\u1169\u1103\u1173-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC",children:[{level:3,title:"(1) \uD14C\uC2A4\uD2B8 \uC791\uC131",slug:"_1-\u1110\u1166\u1109\u1173\u1110\u1173-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]},{level:3,title:"(2) \uC0C1\uD0DC\uC640 \uC0C1\uD0DC\uB97C \uBCC0\uACBD\uD558\uB294 \uD568\uC218 \uC815\uC758\uD558\uAE30",slug:"_2-\u1109\u1161\u11BC\u1110\u1162\u110B\u116A-\u1109\u1161\u11BC\u1110\u1162\u1105\u1173\u11AF-\u1107\u1167\u11AB\u1100\u1167\u11BC\u1112\u1161\u1102\u1173\u11AB-\u1112\u1161\u11B7\u1109\u116E-\u110C\u1165\u11BC\u110B\u1174\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(3) \uC0C1\uD0DC\uB97C \uAE30\uBC18\uC73C\uB85C UI\uB97C \uD45C\uD604\uD558\uAE30",slug:"_3-\u1109\u1161\u11BC\u1110\u1162\u1105\u1173\u11AF-\u1100\u1175\u1107\u1161\u11AB\u110B\u1173\u1105\u1169-ui\u1105\u1173\u11AF-\u1111\u116D\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(4) \uD568\uC218\uC640 UI\uB97C \uC774\uBCA4\uD2B8\uB85C \uC5F0\uACB0\uD558\uAE30",slug:"_4-\u1112\u1161\u11B7\u1109\u116E\u110B\u116A-ui\u1105\u1173\u11AF-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173\u1105\u1169-\u110B\u1167\u11AB\u1100\u1167\u11AF\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(5) \uD30C\uC77C \uBD84\uD560",slug:"_5-\u1111\u1161\u110B\u1175\u11AF-\u1107\u116E\u11AB\u1112\u1161\u11AF",children:[]},{level:3,title:"(6) \uAC04\uB2E8\uD55C \uB2E8\uC704 \uD14C\uC2A4\uD2B8 \uC791\uC131",slug:"_6-\u1100\u1161\u11AB\u1103\u1161\u11AB\u1112\u1161\u11AB-\u1103\u1161\u11AB\u110B\u1171-\u1110\u1166\u1109\u1173\u1110\u1173-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]},{level:3,title:"(7) 2\uB2E8\uACC4 \uB370\uBAA8",slug:"_7-2\u1103\u1161\u11AB\u1100\u1168-\u1103\u1166\u1106\u1169",children:[]},{level:3,title:"(8) Summary",slug:"_8-summary",children:[]}]},{level:2,title:"3\uB2E8\uACC4: \uCD94\uAC00 \uC694\uAD6C\uC0AC\uD56D \uAD6C\uD604\uD558\uAE30",slug:"_3\u1103\u1161\u11AB\u1100\u1168-\u110E\u116E\u1100\u1161-\u110B\u116D\u1100\u116E\u1109\u1161\u1112\u1161\u11BC-\u1100\u116E\u1112\u1167\u11AB\u1112\u1161\u1100\u1175",children:[{level:3,title:"(1) \uB3C4\uBA54\uC778 \uB808\uBCA8 \uBCC0\uD654",slug:"_1-\u1103\u1169\u1106\u1166\u110B\u1175\u11AB-\u1105\u1166\u1107\u1166\u11AF-\u1107\u1167\u11AB\u1112\u116A",children:[]},{level:3,title:"(2) \uCEF4\uD3EC\uB10C\uD2B8 \uB808\uBCA8 \uBCC0\uD654",slug:"_2-\u110F\u1165\u11B7\u1111\u1169\u1102\u1165\u11AB\u1110\u1173-\u1105\u1166\u1107\u1166\u11AF-\u1107\u1167\u11AB\u1112\u116A",children:[]},{level:3,title:"(3) \uC774\uBCA4\uD2B8 \uD578\uB4E4\uB9C1 \uCD94\uAC00",slug:"_3-\u110B\u1175\u1107\u1166\u11AB\u1110\u1173-\u1112\u1162\u11AB\u1103\u1173\u11AF\u1105\u1175\u11BC-\u110E\u116E\u1100\u1161",children:[]},{level:3,title:"(4) \uD14C\uC2A4\uD2B8 \uC5C5\uB370\uC774\uD2B8",slug:"_4-\u1110\u1166\u1109\u1173\u1110\u1173-\u110B\u1165\u11B8\u1103\u1166\u110B\u1175\u1110\u1173",children:[]},{level:3,title:"(5) 3\uB2E8\uACC4 \uB370\uBAA8",slug:"_5-3\u1103\u1161\u11AB\u1100\u1168-\u1103\u1166\u1106\u1169",children:[]},{level:3,title:"(6) Summary",slug:"_6-summary",children:[]}]},{level:2,title:"4\uB2E8\uACC4: React\uB85C \uC804\uD658 (\uAE30\uC220 \uC694\uAD6C\uC0AC\uD56D\uC758 \uBCC0\uD654)",slug:"_4\u1103\u1161\u11AB\u1100\u1168-react\u1105\u1169-\u110C\u1165\u11AB\u1112\u116A\u11AB-\u1100\u1175\u1109\u116E\u11AF-\u110B\u116D\u1100\u116E\u1109\u1161\u1112\u1161\u11BC\u110B\u1174-\u1107\u1167\u11AB\u1112\u116A",children:[{level:3,title:"(1) React \uC138\uD305\uD558\uAE30",slug:"_1-react-\u1109\u1166\u1110\u1175\u11BC\u1112\u1161\u1100\u1175",children:[]},{level:3,title:"(2) \uAC01 \uB808\uC774\uC5B4\uBCC4 \uC804\uD658 \uBD84\uC11D",slug:"_2-\u1100\u1161\u11A8-\u1105\u1166\u110B\u1175\u110B\u1165\u1107\u1167\u11AF-\u110C\u1165\u11AB\u1112\u116A\u11AB-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]},{level:3,title:"(3) \uC804\uD658 \uACFC\uC815\uC5D0\uC11C \uB4DC\uB7EC\uB09C \uAE30\uC874 \uC124\uACC4\uC758 \uC7A5\uC810",slug:"_3-\u110C\u1165\u11AB\u1112\u116A\u11AB-\u1100\u116A\u110C\u1165\u11BC\u110B\u1166\u1109\u116

15-\u1103\u1173\u1105\u1165\u1102\u1161\u11AB-\u1100\u1175\u110C\u1169\u11AB-\u1109\u1165\u11AF\u1100\u1168\u110B\u1174-\u110C\u1161\u11BC\u110C\u1165\u11B7",children:[]},{level:3,title:"(4) \uD14C\uC2A4\uD2B8 \uCF54\uB4DC \uC791\uC131",slug:"_4-\u1110\u1166\u1109\u1173\u1110\u1173-\u110F\u1169\u1103\u1173-\u110C\u1161\u11A8\u1109\u1165\u11BC",children:[]},{level:3,title:"(5) 4\uB2E8\uACC4 \uB370\uBAA8",slug:"_5-4\u1103\u1161\u11AB\u1100\u1168-\u1103\u1166\u1106\u1169",children:[]},{level:3,title:"(6) Summary: \uC88B\uC740 \uC124\uACC4\uC758 \uAC80\uC99D",slug:"_6-summary-\u110C\u1169\u11C2\u110B\u1173\u11AB-\u1109\u1165\u11AF\u1100\u1168\u110B\u1174-\u1100\u1165\u11B7\u110C\u1173\u11BC",children:[]}]},{level:2,title:"5\uB2E8\uACC4: React \uC0C1\uD0DC\uAD00\uB9AC\uC640 \uC131\uB2A5\uCD5C\uC801\uD654",slug:"_5\u1103\u1161\u11AB\u1100\u1168-react-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175\u110B\u116A-\u1109\u1165\u11BC\u1102\u1173\u11BC\u110E\u116C\u110C\u1165\u11A8\u1112\u116A",children:[{level:3,title:"(1) \uD604\uC7AC \uCF54\uB4DC\uC758 \uBB38\uC81C\uC810 \uBD84\uC11D",slug:"_1-\u1112\u1167\u11AB\u110C\u1162-\u110F\u1169\u1103\u1173\u110B\u1174-\u1106\u116E\u11AB\u110C\u1166\u110C\u1165\u11B7-\u1107\u116E\u11AB\u1109\u1165\u11A8",children:[]},{level:3,title:"(2) \uC0C1\uD0DC\uAD00\uB9AC \uB77C\uC774\uBE0C\uB7EC\uB9AC\uC758 \uD544\uC694\uC131",slug:"_2-\u1109\u1161\u11BC\u1110\u1162\u1100\u116A\u11AB\u1105\u1175-\u1105\u1161\u110B\u1175\u1107\u1173\u1105\u1165\u1105\u1175\u110B\u1174-\u1111\u1175\u11AF\u110B\u116D\u1109\u1165\u11BC",children:[]},{level:3,title:"(3) Zustand\uB97C \uD65C\uC6A9\uD55C \uBB38\uC81C \uD574\uACB0",slug:"_3-zustand\u1105\u1173\u11AF-\u1112\u116A\u11AF\u110B\u116D\u11BC\u1112\u1161\u11AB-\u1106\u116E\u11AB\u110C\u1166-\u1112\u1162\u1100\u1167\u11AF",children:[]},{level:3,title:"(4) \uACB0\uACFC \uBE44\uAD50",slug:"_4-\u1100\u1167\u11AF\u1100\u116A-\u1107\u1175\u1100\u116D",children:[]},{level:3,title:"(5) 5\uB2E8\uACC4 \uB370\uBAA8",slug:"_5-5\u1103\u1161\u11AB\u1100\u1168-\u1103\u1166\u1106\u1169",children:[]},{level:3,title:"(6) Summary",slug:"_6-summary-1",children:[]}]},{level:2,title:"\uD559\uC2B5 \uACFC\uC815 \uC815\uB9AC",slug:"\u1112\u1161\u11A8\u1109\u1173\u11B8-\u1100\u116A\u110C\u1165\u11BC-\u110C\u1165\u11BC\u1105\u1175",children:[{level:3,title:"(1) \uD559\uC2B5 \uACFC\uC815\uC758 \uC804\uCCB4 \uD750\uB984",slug:"_1-\u1112\u1161\u11A8\u1109\u1173\u11B8-\u1100\u116A\u110C\u1165\u11BC\u110B\u1174-\u110C\u1165\u11AB\u110E\u1166-\u1112\u1173\u1105\u1173\u11B7",children:[]},{level:3,title:"(2) \uD575\uC2EC \uC778\uC0AC\uC774\uD2B8",slug:"_2-\u1112\u1162\u11A8\u1109\u1175\u11B7-\u110B\u1175\u11AB\u1109\u1161\u110B\u1175\u1110\u1173",children:[]},{level:3,title:"(3) \uD559\uC2B5\uD55C \uB0B4\uC6A9\uC744 \uC2E4\uBB34\uC5D0\uC11C \uC5B4\uB5BB\uAC8C \uD65C\uC6A9\uD560 \uC218 \uC788\uC744\uAE4C?",slug:"_3-\u1112\u1161\u11A8\u1109\u1173\u11B8\u1112\u1161\u11AB-\u1102\u1162\u110B\u116D\u11BC\u110B\u1173\u11AF-\u1109\u1175\u11AF\u1106\u116E\u110B\u1166\u1109\u1165-\u110B\u1165\u1104\u1165\u11C2\u1100\u1166-\u1112\u116A\u11AF\u110B\u116D\u11BC\u1112\u1161\u11AF-\u1109\u116E-\u110B\u1175\u11BB\u110B\u1173\u11AF\u1101\u1161",children:[]},{level:3,title:"(4) \uC804\uCCB4 \uB370\uBAA8 \uBC0F \uCF54\uB4DC",slug:"_4-\u110C\u1165\u11AB\u110E\u1166-\u1103\u1166\u1106\u1169-\u1106\u1175\u11BE-\u110F\u1169\u1103\u1173",children:[]}]},{level:2,title:"AI\uB85C \uD074\uB9B0\uCF54\uB4DC \uADDC\uCE59\uC744 \uB9CC\uB4E4\uC5B4\uAC00\uAE30",slug:"ai\u1105\u1169-\u110F\u1173\u11AF\u1105\u1175\u11AB\u110F\u1169\u1103\u1173-\u1100\u1172\u110E\u1175\u11A8\u110B\u1173\u11AF-\u1106\u1161\u11AB\u1103\u1173\u11AF\u110B\u1165\u1100\u1161\u1100\u1175",children:[{level:3,title:"(1) Cursor",slug:"_1-cursor",children:[]},{level:3,title:"(2) \uB9AC\uD329\uD1A0\uB9C1\uC744 \uC704\uD55C \uC2DC\uC2A4\uD15C \uD504\uB86C\uD504\uD2B8 \uB9CC\uB4E4\uACE0 \uD65C\uC6A9\uD558\uAE30",slug:"_2-\u1105\u1175\u1111\u1162\u11A8\u1110\u1169\u1105\u1175\u11BC\u110B\u1173\u11AF-\u110B\u1171\u1112\u1161\u11AB-\u1109\u1175\u1109\u1173\u1110\u1166\u11B7-\u1111\u1173\u1105\u1169\u11B7\u1111\u1173\u1110\u1173-\u1106\u1161\u11AB\u1103\u1173\u11AF\u1100\u1169-\u1112\u116A\u11AF\u110B\u116D\u11BC\u1112\u1161\u1100\u1175",children:[]}]},{level:2,title:"99. \uD56D\uD574\uD50C\uB7EC\uC2A4",slug:"_99-\u1112\u1161\u11BC\u1112\u1162\u1111\u1173\u11AF\u1105\u1165\u1109\u1173",children:[{level:3,title:"(1) \uCEE4\uB9AC\uD058\uB7FC",slug:"_1-\u110F\u1165\u1105\u1175\u110F\u1172\u11AF\u1105\u1165\u11B7",children:[]},{level:3,title:"(2) \uBA58\uD1A0\uB9C1",slug:"_2-\u1106\u1166\u11AB\u1110\u1169\u1105\u1175\u11BC",children:[]},{level:3,title:"(3) \uCEE4\uBBA4\uB2C8\uD2F0",slug:"_3-\u110F\u1165\u1106\u1172\u1102\u1175\u1110\u1175",children:[]}

1,{level:3,title:"(4) \uB0B4\uAC00 \uC0DD\uAC01\uD558\uB294 \uAD50\uC721",slug:"_4-\u1102\u1162\u1100\u1161-\u1109\u1162\u11BC\u1100\u1161\u11A8\u1112\u1161\u1102\u1173\u11AB-\u1100\u116D\u110B\u1172\u11A8",children:[]}]}],git:{updatedTime:1788068635e3},filePathRelative:"clean-code/as-requirements-change/README.md"};export{e as data};