From 71bf1fd0428eef66984eea52ecdfc2fe6d2c7d6c Mon Sep 17 00:00:00 2001
From: pro <lightone2017@codebridge-x.com>
Date: Fri, 23 Jan 2026 09:53:23 +0900
Subject: [PATCH] =?UTF-8?q?fix:=EC=A0=84=EC=9E=90=EC=84=B8=EA=B8=88?=
 =?UTF-8?q?=EA=B3=84=EC=82=B0=EC=84=9C=20=ED=85=8C=EB=84=8C=ED=8A=B8=20?=
 =?UTF-8?q?=EC=B9=B4=EB=93=9C=EB=A5=BC=20React=20=EC=99=B8=EB=B6=80?=
 =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- React JSX 내부의 Blade 코드가 Tailwind 클래스와 충돌하는 문제 해결
- 테넌트 정보 카드를 @section('content') 내 Blade 코드로 이동
- className → class로 변경하여 정상 렌더링

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 resources/views/barobill/etax/index.blade.php | 102 +++++++++---------
 1 file changed, 51 insertions(+), 51 deletions(-)

diff --git a/resources/views/barobill/etax/index.blade.php b/resources/views/barobill/etax/index.blade.php
index 3fdb06d5..de0d7215 100644
--- a/resources/views/barobill/etax/index.blade.php
+++ b/resources/views/barobill/etax/index.blade.php
@@ -3,6 +3,57 @@
 @section('title', '전자세금계산서')
 
 @section('content')
+<!-- 현재 테넌트 정보 카드 (React 외부) -->
+@if($currentTenant)
+<div class="bg-gradient-to-r from-indigo-500 to-purple-600 rounded-xl shadow-lg p-5 text-white mb-6">
+    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
+        <div class="flex items-center gap-4">
+            <div class="p-3 bg-white/20 rounded-xl backdrop-blur-sm">
+                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+                </svg>
+            </div>
+            <div>
+                <div class="flex items-center gap-2 mb-1">
+                    <span class="px-2 py-0.5 bg-white/20 rounded-full text-xs font-bold">T-ID: {{ $currentTenant->id }}</span>
+                    @if($currentTenant->id == 1)
+                    <span class="px-2 py-0.5 bg-yellow-400 text-yellow-900 rounded-full text-xs font-bold">파트너사</span>
+                    @endif
+                </div>
+                <h2 class="text-xl font-bold">{{ $currentTenant->company_name }}</h2>
+            </div>
+        </div>
+        @if($barobillMember)
+        <div class="grid grid-cols-2 lg:grid-cols-4 gap-3 text-sm">
+            <div class="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
+                <p class="text-white/60 text-xs">사업자번호</p>
+                <p class="font-medium">{{ $barobillMember->biz_no }}</p>
+            </div>
+            <div class="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
+                <p class="text-white/60 text-xs">대표자</p>
+                <p class="font-medium">{{ $barobillMember->ceo_name ?? '-' }}</p>
+            </div>
+            <div class="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
+                <p class="text-white/60 text-xs">담당자</p>
+                <p class="font-medium">{{ $barobillMember->manager_name ?? '-' }}</p>
+            </div>
+            <div class="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
+                <p class="text-white/60 text-xs">바로빌 ID</p>
+                <p class="font-medium">{{ $barobillMember->barobill_id }}</p>
+            </div>
+        </div>
+        @else
+        <div class="flex items-center gap-2 text-yellow-200">
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
+            </svg>
+            <span class="text-sm">바로빌 회원사 미연동</span>
+        </div>
+        @endif
+    </div>
+</div>
+@endif
+
 <div id="etax-root"></div>
 @endsection
 
@@ -548,57 +599,6 @@
 
         return (
             <div className="space-y-8">
-                {/* 현재 테넌트 정보 카드 */}
-                @if($currentTenant)
-                <div className="bg-gradient-to-r from-indigo-500 to-purple-600 rounded-xl shadow-lg p-5 text-white">
-                    <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
-                        <div className="flex items-center gap-4">
-                            <div className="p-3 bg-white/20 rounded-xl backdrop-blur-sm">
-                                <svg className="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-                                </svg>
-                            </div>
-                            <div>
-                                <div className="flex items-center gap-2 mb-1">
-                                    <span className="px-2 py-0.5 bg-white/20 rounded-full text-xs font-bold">T-ID: {{ $currentTenant->id }}</span>
-                                    @if($currentTenant->id == 1)
-                                    <span className="px-2 py-0.5 bg-yellow-400 text-yellow-900 rounded-full text-xs font-bold">파트너사</span>
-                                    @endif
-                                </div>
-                                <h2 className="text-xl font-bold">{{ $currentTenant->company_name }}</h2>
-                            </div>
-                        </div>
-                        @if($barobillMember)
-                        <div className="grid grid-cols-2 lg:grid-cols-4 gap-3 text-sm">
-                            <div className="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
-                                <p className="text-white/60 text-xs">사업자번호</p>
-                                <p className="font-medium">{{ $barobillMember->biz_no }}</p>
-                            </div>
-                            <div className="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
-                                <p className="text-white/60 text-xs">대표자</p>
-                                <p className="font-medium">{{ $barobillMember->ceo_name ?? '-' }}</p>
-                            </div>
-                            <div className="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
-                                <p className="text-white/60 text-xs">담당자</p>
-                                <p className="font-medium">{{ $barobillMember->manager_name ?? '-' }}</p>
-                            </div>
-                            <div className="bg-white/10 rounded-lg p-2 backdrop-blur-sm">
-                                <p className="text-white/60 text-xs">바로빌 ID</p>
-                                <p className="font-medium">{{ $barobillMember->barobill_id }}</p>
-                            </div>
-                        </div>
-                        @else
-                        <div className="flex items-center gap-2 text-yellow-200">
-                            <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
-                            </svg>
-                            <span className="text-sm">바로빌 회원사 미연동</span>
-                        </div>
-                        @endif
-                    </div>
-                </div>
-                @endif
-
                 {/* Page Header */}
                 <div className="flex items-center justify-between">
                     <div>