중앙 광고를 수평형으로

App.tsx

@@ -31,6 +31,30 @@ const AdSenseBanner: React.FC = () => {
   );
 };
 
+
+const AdSenseBannerH: React.FC = () => {
+  useEffect(() => {
+    try {
+      // @ts-ignore
+      (window.adsbygoogle = window.adsbygoogle || []).push({});
+    } catch (e) {
+      console.error("AdSense error", e);
+    }
+  }, []);
+
+  return (
+    <div className="w-full max-w-lg">
+      {/* AppLeftSizeBox */}
+      <ins className="adsbygoogle"
+        style={{ display: "block" }}
+        data-ad-client="ca-pub-4444852135420953"
+        data-ad-slot="6163680487"
+        data-ad-format="auto"
+        data-full-width-responsive="true"></ins>
+    </div>
+  );
+};
+
 const App: React.FC = () => {
   const [connectionState, setConnectionState] = useState<ConnectionState>(ConnectionState.DISCONNECTED);
   const [basicInfo, setBasicInfo] = useState<BMSBasicInfo | null>(null);
@@ -254,7 +278,7 @@ const App: React.FC = () => {
                 <p className="text-gray-500 max-w-md mb-8">
                   JBD BMS를 UART-to-USB 어댑터로 연결하여 실시간 상태를 확인하고 설정을 변경하세요.
                 </p>
-                <AdSenseBanner />
+                <AdSenseBannerH />
               </div>
             )}
           </main>