diff --git a/src/components/Roof2.jsx b/src/components/Roof2.jsx
index de3ae06c..5582d214 100644
--- a/src/components/Roof2.jsx
+++ b/src/components/Roof2.jsx
@@ -385,6 +385,9 @@ export default function Roof2() {
             <Button className="m-1 p-2" color={`${mode === Mode.TEMPLATE ? 'primary' : 'default'}`} onClick={() => drawRoofPatterns(2)}>
               지붕패턴2
             </Button>
+            <Button className="m-1 p-2" color={`${mode === Mode.TEMPLATE ? 'primary' : 'default'}`} onClick={() => changeMode(canvas, Mode.MODULE)}>
+              모듈
+            </Button>
             <Button className="m-1 p-2" color={`${mode === Mode.TEXTBOX ? 'primary' : 'default'}`} onClick={() => changeMode(canvas, Mode.TEXTBOX)}>
               텍스트박스 모드
             </Button>
diff --git a/src/store/canvasAtom.js b/src/store/canvasAtom.js
index 91df31ed..a5195f83 100644
--- a/src/store/canvasAtom.js
+++ b/src/store/canvasAtom.js
@@ -41,3 +41,9 @@ export const roofPolygonPatternArrayState = atom({
   default: {}, //object ex) big, mid, sht = {point : [{x1, y1}, {x2, y1}], direction : left or right or top or bottom}
   dangerouslyAllowMutability: true,
 })
+
+export const templateTypeState = atom({
+  key: 'templateType',
+  default: 1, //1:모임지붕, 2:A타입, 3:B타입
+  dangerouslyAllowMutability: true,
+})