From 8c3e518410a5fce52d50be333811fbca2b89d16a Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Thu, 7 Aug 2025 12:11:23 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B9=9C=EA=B5=AC=ED=86=A1=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=EB=AA=85=20=EC=88=9C=EC=B0=A8=EC=A0=81=EC=9A=A9=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ft/KakaoFriendsTalkMsgDataView.jsp        | 25 +++++++++----------
 src/main/webapp/publish/js/content.js         |  4 +--
 2 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/web/kakao/msgdata/ft/KakaoFriendsTalkMsgDataView.jsp b/src/main/webapp/WEB-INF/jsp/web/kakao/msgdata/ft/KakaoFriendsTalkMsgDataView.jsp
index 16b0ae09..12a4454b 100644
--- a/src/main/webapp/WEB-INF/jsp/web/kakao/msgdata/ft/KakaoFriendsTalkMsgDataView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/kakao/msgdata/ft/KakaoFriendsTalkMsgDataView.jsp
@@ -65,21 +65,20 @@ $(document).ready(function (){
 		
 	});
 	
-	//웹링크 버튼명 
+// 웹링크 버튼명 변경 시 미리보기에도 적용 (여러 개일 때 정확하게)
 	$(document).on('keyup', '#btnNmWeb', function(){
-		var inputTxt = $(this).val();
-		if(!inputTxt){
-			inputTxt = '웹링크';
-		}
-		$('#btnViewWL').text(inputTxt);
+		var inputTxt = $(this).val() || '웹링크';
+		// 웹링크용 인풋만 골라서 현재 인덱스를 구함
+		var $webNmInputs = $('input#btnNmWeb');
+		var idx = $webNmInputs.index(this);
+		// 미리보기 영역의 웹링크 버튼들 중, 동일한 인덱스의 버튼 텍스트를 바꿔줌
+		$('.btnViewArea .btn_kakao_type.btnEmpty[id^=btnViewWL]').eq(idx).text(inputTxt);
 	});
-	//앱링크 버튼명 
 	$(document).on('keyup', '#btnNmApp', function(){
-		var inputTxt = $(this).val();
-		if(!inputTxt){
-			inputTxt = '앱링크';
-		}
-		$('#btnViewAL').text(inputTxt);
+		var inputTxt = $(this).val() || '앱링크';
+		var $appNmInputs = $('input#btnNmApp');
+		var idx = $appNmInputs.index(this);
+		$('.btnViewArea .btn_kakao_type.btnEmpty[id^=btnViewAL]').eq(idx).text(inputTxt);
 	});
 
 	$(".friend_talk_wrap #ad_Y").click(function () {
@@ -1685,7 +1684,7 @@ function updateButtons(){
 		<!-- // tab button -->
 		<div class="top_content kakaotalksend_cont current pay_tab_wrap">
 			<div class="heading">
-				<h2>친구톡 전송</h2>
+				<h2>친구톡 전송</h2><!-- KakaoFriendsTalkMsgDataView -->
 <!-- 				<button type="button" class="button info">친구톡 사용방법</button> -->
 				<button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
 			</div>
diff --git a/src/main/webapp/publish/js/content.js b/src/main/webapp/publish/js/content.js
index ca6804ea..6062e5d0 100644
--- a/src/main/webapp/publish/js/content.js
+++ b/src/main/webapp/publish/js/content.js
@@ -1699,8 +1699,8 @@ function friendTemplateButtonAdd() {
 				+'<input type="text" id="btnNmBotChg" name="buttonVOList[' + buttonCnt + '].name" value="" placeholder="버튼명 입력(최대 14자)"></dd><dd><button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button></dd></dl>';
 		buttonView = '<button type="button" class="btn_kakao_type btnEmpty" id="btnViewBT">챗봇전환</button>';
 	} else {}
-	$(".button_add_wrap").prepend(buttonText);
-	$(".btnViewArea").prepend(buttonView);
+	$(".button_add_wrap").append(buttonText);
+	$(".btnViewArea").append(buttonView);
 }
 
 //관리자 카카오톡 알림톡 샘플 템플릿 등록 - 버튼 추가