fix: 테라폼 코드 수정 반영

Author: SaidBySolo

src/components/layout/CodeEditor.tsx

@@ -38,6 +38,7 @@ interface CodeEditorProps {
 export function CodeEditor({ }: CodeEditorProps) {
   // Zustand에서 생성된 코드 가져오기
   const generatedCode = useUIStore((state) => state.generatedCode);
+  const setGeneratedCode = useUIStore((state) => state.setGeneratedCode);
 
   const [code, setCode] = useState(defaultHCLCode);
   const [isLoading, setIsLoading] = useState(true);
@@ -49,6 +50,14 @@ export function CodeEditor({ }: CodeEditorProps) {
     }
   }, [generatedCode]);
 
+  // 코드 변경 시 Zustand에 저장
+  const handleCodeChange = (value: string | undefined) => {
+    if (value !== undefined) {
+      setCode(value);
+      setGeneratedCode(value); // 수정된 코드를 Zustand에 저장
+    }
+  };
+
   // 에디터 크기 조정을 위한 useEffect
   useEffect(() => {
     const handleResize = () => {
@@ -168,7 +177,7 @@ export function CodeEditor({ }: CodeEditorProps) {
           width="100%"
           defaultLanguage="hcl"
           value={code}
-          onChange={(value) => setCode(value || "")}
+          onChange={handleCodeChange}
           onMount={handleEditorDidMount}
           theme="vs-dark"
           loading={

src/hooks/useDeployment.ts

@@ -2,19 +2,25 @@ import { useState, useCallback } from 'react';
 import toast from 'react-hot-toast';
 import { apiFetch } from '../utils/apiClients';
 import { providerManager } from '../providers';
-import { useBlockStore, useStackingStore } from '../stores';
+import { useBlockStore, useStackingStore, useUIStore } from '../stores';
 
 export const useDeployment = (projectId: string | undefined) => {
   const { droppedBlocks } = useBlockStore();
   const { deriveConnectionsFromStacking } = useStackingStore();
+  const generatedCode = useUIStore((state) => state.generatedCode);
 
   const [loadingStatus, setLoadingStatus] = useState<null | 'validating' | 'deploying'>(null);
 
   // Terraform 코드 생성
   const buildTerraformCode = useCallback((): string => {
+    // 사용자가 코드 에디터에서 수정한 경우 그 코드를 우선 사용
+    if (generatedCode && generatedCode.trim() !== '') {
+      return generatedCode;
+    }
+
+    // 수정된 코드가 없으면 블록으로부터 새로 생성
     const derivedConnections = deriveConnectionsFromStacking(droppedBlocks);
 
-    // 현재 프로바이더를 사용한 코드 생성
     const currentProvider = providerManager.getCurrentProvider();
     if (currentProvider) {
       const cloudBlocks = droppedBlocks.map(block => ({
@@ -34,7 +40,7 @@ export const useDeployment = (projectId: string | undefined) => {
       console.warn('⚠️ [Deploy] No provider found');
       return `# 프로바이더가 선택되지 않았습니다.`;
     }
-  }, [droppedBlocks, deriveConnectionsFromStacking]);
+  }, [droppedBlocks, deriveConnectionsFromStacking, generatedCode]);
 
   // 프로젝트 배포
   const handleDeployProject = useCallback(async () => {