목록으로

게시판에 유튜브 영상 삽입을 위한 아이프레임 적용시 403 에러 채택완료

이해현

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전 조회 4,041

답변 7

안녕하세요..

https://sir.kr/g5_skin/57178?sca=%EA%B0%A4%EB%9F%AC%EB%A6%AC#c_57224

제가 해당 스킨을 적용해서 게시판을 만들었습니다.

글쓰기를 하고 html로 바꾼다음에

★HTML 태그 테스트

크기 : 1
크기 : 1
== 정상 작동 되는 점 확인했습니다. ==

https://www.youtube.com/embed/4XZz3WXRw0A?list=TLGGSjyPb3a-cfUyNDA5MjAyMw"</a> title="JISOO - ‘꽃(FLOWER)’ DANCE PERFORMANCE VIDEO" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>

샘플로 이걸 입력했는데 안되서

</ifame>이렇게만 입력해봤는데 403 닷홈에러 페이지로 튕겨버리네요ㅠㅠ</p> <p><img height="auto" src="//sir.kr/data/editor/2309/3543921876_1695573873.4932.png" width="100%" /></p> <p>적응이 전혀 되지 않습니다.</p> <p> </p> <p>게시판 안에 <a href="http://wittazzurri.phps.kr/gallery/6" target="_blank" rel="noopener noreferrer">http://wittazzurri.phps.kr/gallery/6</a></p> <p>이렇게 유튜브 영상 넣고 싶은데.. ㅠㅠ 도와주세요</p> </div>  <div class="mb-6"> <div class="flex items-center gap-2 text-sm"> <i class="fa fa-tag text-gray-500"></i> <a href="https://new-sir.gnuboard.net/questions?s_tag=%EC%95%84%EC%9D%B4%ED%94%84%EB%A0%88%EC%9E%84" class="inline-block px-2 py-1 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-hover-dark transition-colors"> #아이프레임 </a> <a href="https://new-sir.gnuboard.net/questions?s_tag=%EC%9C%A0%ED%8A%9C%EB%B8%8C" class="inline-block px-2 py-1 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-hover-dark transition-colors"> #유튜브 </a> <a href="https://new-sir.gnuboard.net/questions?s_tag=%EC%98%81%EC%83%81%EC%82%BD%EC%9E%85" class="inline-block px-2 py-1 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-hover-dark transition-colors"> #영상삽입 </a> <a href="https://new-sir.gnuboard.net/questions?s_tag=iframe" class="inline-block px-2 py-1 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-hover-dark transition-colors"> #iframe </a> <a href="https://new-sir.gnuboard.net/questions?s_tag=%EB%8B%B7%ED%99%88403" class="inline-block px-2 py-1 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-hover-dark transition-colors"> #닷홈403 </a> </div> </div>   <div class="flex items-center justify-between pt-4 border-t border-gray-200 dark:border-gray-700"> <div class="flex items-center gap-2">  <div class="flex items-center gap-2"> <button id="vote-good-btn" class="px-3 py-2 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed bg-qa-btn-secondary-bg-light dark:bg-qa-btn-secondary-bg-dark text-qa-btn-secondary-text-light dark:text-qa-btn-secondary-text-dark hover:bg-qa-badge-adopted-bg-light dark:hover:bg-qa-badge-adopted-bg-dark hover:text-qa-badge-adopted-text-light dark:hover:text-qa-badge-adopted-text-dark" data-wr-id="512598" data-count="0" > <i class="fa fa-heart mr-1"></i> <span class="vote-good-text">좋아요</span> <span class="vote-good-count">0</span> </button> <button id="vote-nogood-btn" class="px-3 py-2 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed bg-qa-btn-secondary-bg-light dark:bg-qa-btn-secondary-bg-dark text-qa-btn-secondary-text-light dark:text-qa-btn-secondary-text-dark hover:bg-qa-btn-danger-bg-light dark:hover:bg-qa-btn-danger-bg-dark hover:text-qa-btn-danger-text-light dark:hover:text-qa-btn-danger-text-dark" data-wr-id="512598" data-count="0" > <i class="fa fa-thumbs-down mr-1"></i> <span class="vote-nogood-text">싫어요</span> <span class="vote-nogood-count">0</span> </button> </div>  <button id="scrap-btn" class="px-3 py-2 rounded-lg transition-colors bg-qa-btn-secondary-bg-light dark:bg-qa-btn-secondary-bg-dark text-qa-btn-secondary-text-light dark:text-qa-btn-secondary-text-dark hover:bg-qa-badge-pending-bg-light dark:hover:bg-qa-badge-pending-bg-dark hover:text-qa-badge-pending-text-light dark:hover:text-qa-badge-pending-text-dark" data-wr-id="512598" data-count="1"> <i class="fa fa-bookmark-o mr-1"></i> <span class="scrap-text">스크랩</span> <span class="scrap-count">(1)</span> </button> </div>  <div class="flex items-center gap-2"> <button id="share-btn" class="px-3 py-2 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded-lg hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-hover-dark transition-colors"> <i class="fa fa-share-alt mr-1"></i> <span>공유</span> </button> </div> </div>   <div class="mt-4 border-t border-gray-200 dark:border-gray-700 pt-4"> <div class="text-sm text-gray-500 dark:text-gray-400"> 댓글을 작성하려면 <a href="/login" class="text-blue-600 hover:text-blue-800">로그인</a>이 필요합니다. </div> </div> </div> </div>  <div class="mt-12 space-y-6" id="qa_answer"> <div class="flex items-center justify-between mb-6 pb-3 border-b-2 border-gray-200 dark:border-gray-700"> <h3 class="text-2xl font-bold flex items-center text-gray-900 dark:text-white"> <svg class="w-7 h-7 mr-3 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path> </svg> <span>답변</span> <span class="ml-3 px-3 py-1 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded-full text-sm font-medium">7개</span> </h3>  <div class="flex items-center gap-3"> <label for="qa_sort_select" class="text-sm font-medium text-gray-700 dark:text-gray-300">정렬:</label> <select name="qa_sort_select" id="qa_sort_select" class="px-3 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-indigo-500 focus:border-transparent"> <option value="wr_votes" >좋아요순</option> <option value="lastet" selected>최근순</option> <option value="old" >오래된순</option> </select> </div> </div> <div class="space-y-6"> <div id="answer_512611" class="bg-white dark:bg-gray-800 rounded-xl shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden ring-2 ring-green-500 ring-offset-2 dark:ring-offset-gray-900">  <div class="bg-gradient-to-r from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20 px-6 py-3 border-b border-green-200 dark:border-green-800"> <div class="flex items-center justify-between"> <div class="flex items-center space-x-2"> <svg class="w-5 h-5 text-green-600 dark:text-green-400" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path> </svg> <span class="font-bold text-green-700 dark:text-green-300">채택된 답변</span> </div> <span class="text-sm text-green-600 dark:text-green-400">+20 포인트</span> </div> </div> <div class="p-6">  <div class="flex items-center justify-between mb-5"> <div class="flex items-center space-x-4"> <div class="relative inline-block" style="width: 48px; height: 48px;">  <svg width="48" height="48" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="rounded-full">  <defs> <linearGradient id="grad-avatar-693ae043bf4ea0.49810759" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:hsl(83, 83%, 59%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(113, 83%, 54%);stop-opacity:1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="50" fill="url(#grad-avatar-693ae043bf4ea0.49810759)" />  <text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif"> 엑 </text> </svg> </div> <div> <div class="flex items-center space-x-2"> <span class="font-semibold text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_xml_693ae043bf804: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_xml_693ae043bf804 = !open_sideview_xml_693ae043bf804" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="xml" data-name="엑스엠엘"><img src="/old/data/member/xm/xml.gif" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">엑스엠엘</span></span><div x-show="open_sideview_xml_693ae043bf804" @click.away="open_sideview_xml_693ae043bf804 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/076f7b13-74ba-425f-9239-c7d22708f846" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=076f7b13-74ba-425f-9239-c7d22708f846" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=076f7b13-74ba-425f-9239-c7d22708f846" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </span> </div> <div class="text-sm text-gray-500 dark:text-gray-400">2년 전</div> </div> </div>  <div class="flex items-center space-x-2"> </div> </div>  <div class="prose prose-lg max-w-none dark:prose-invert text-gray-800 dark:text-gray-200 leading-relaxed mb-6 qa-content"> <p>혹시 닷홈 호스팅 보안 정책에 걸리는 거 아닌가요</p> <p>닷홈 호스팅에 문의해 보세요.</p> </div>  <div class="flex items-center justify-between pt-4 border-t border-gray-200 dark:border-gray-700"> <div class="flex items-center space-x-4"> <div class="text-sm text-gray-500 dark:text-gray-400"> 로그인 후 평가할 수 있습니다 </div> </div> </div> </div>  <div class="mx-6 mb-6"> <div class="relative">  <div class="absolute -top-3 left-8 w-px h-6 bg-gradient-to-b from-gray-300 to-transparent dark:from-gray-600"></div> <div class="px-6 py-4 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700">    <div class="mb-4"> <div class="flex items-center gap-2 mb-4"> <svg class="w-4 h-4 text-gray-600 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-4 4z"></path> </svg> <h4 class="text-sm font-semibold text-gray-700 dark:text-gray-300">답변에 대한 댓글 1개</h4> </div> <div class="space-y-3"> <div id="c_512678" class="relative "> <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-100 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200"> <div class="p-4"> <div class="flex items-start justify-between mb-3"> <div class="flex items-center gap-3"> <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-medium"> � </div> <div> <div class="font-medium text-sm text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_0mr1gkas_693ae043bfba6: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_naver_0mr1gkas_693ae043bfba6 = !open_sideview_naver_0mr1gkas_693ae043bfba6" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_0mr1gkas" data-name="이해현"><img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">이해현</span></span><div x-show="open_sideview_naver_0mr1gkas_693ae043bfba6" @click.away="open_sideview_naver_0mr1gkas_693ae043bfba6 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </div> <div class="text-xs text-gray-500 dark:text-gray-400" title="2023-09-25 (월) 16:43:19"> 2년 전 </div> </div> </div> </div> <div class="text-sm text-gray-700 dark:text-gray-300 comment-content leading-relaxed"> 맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다.<br /> 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ<br /> 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다.. </div>  <div class="flex items-center gap-2 mt-3 pt-2 border-t border-gray-100 dark:border-gray-700"> </div>  <div class="comment-edit-form hidden mt-3"> <textarea class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white text-sm resize-none" rows="3" placeholder="댓글을 수정하세요...">맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다. 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다..</textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="comment-save-btn px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded-lg text-sm font-medium transition-colors" data-comment-id="512678">저장</button> <button type="button" class="comment-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded-lg text-sm font-medium transition-colors">취소</button> </div> </div>  <div class="reply-form hidden mt-3 bg-gray-50 dark:bg-gray-700 rounded-lg p-3"> <div class="flex items-center gap-2 mb-2"> <svg class="w-3 h-3 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path> </svg> <span class="text-xs text-gray-600 dark:text-gray-300 reply-target"></span> </div> <form class="reply-form-element" data-parent-id="512611" data-comment-id="512678"> <input type="hidden" name="_token" value="Q820dDHWsqPQ0MeVxbjv45jVFZM7Wr0yybTNwkyn" autocomplete="off"> <textarea name="wr_content" placeholder="답글을 작성하세요..." rows="2" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-600 dark:text-white text-sm resize-none" required></textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="reply-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded text-sm font-medium transition-colors">취소</button> <button type="submit" class="px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded text-sm font-medium transition-colors">답글 등록</button> </div> </form> </div> </div> </div> </div>   </div> </div>  <div class="text-center py-3"> <p class="text-sm text-gray-500 dark:text-gray-400"> 댓글을 작성하려면 <a href="/login" class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">로그인</a>이 필요합니다. </p> </div> </div> </div> </div> </div> <div id="answer_512623" class="bg-white dark:bg-gray-800 rounded-xl shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden border border-gray-200 dark:border-gray-700"> <div class="p-6">  <div class="flex items-center justify-between mb-5"> <div class="flex items-center space-x-4"> <div class="relative inline-block" style="width: 48px; height: 48px;">  <svg width="48" height="48" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="rounded-full">  <defs> <linearGradient id="grad-avatar-693ae043bff545.78321861" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:hsl(52, 82%, 49%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(82, 82%, 44%);stop-opacity:1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="50" fill="url(#grad-avatar-693ae043bff545.78321861)" />  <text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif"> 멀 </text> </svg> </div> <div> <div class="flex items-center space-x-2"> <span class="font-semibold text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_jebeom_693ae043c018c: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_jebeom_693ae043c018c = !open_sideview_jebeom_693ae043c018c" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="jebeom" data-name="멀티트리플"><svg width="22" height="22" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="inline-block rounded-full mr-1 align-middle" style="position: relative; top: 1px;"><defs><linearGradient id="grad-list-jebeom" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(52, 82%, 49%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(82, 82%, 44%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-jebeom)" /><text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif">멀</text></svg><span class="align-middle">멀티트리플</span></span><div x-show="open_sideview_jebeom_693ae043c018c" @click.away="open_sideview_jebeom_693ae043c018c = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/b217ffd7-68a9-4e93-94c5-41fcc1236b88" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=b217ffd7-68a9-4e93-94c5-41fcc1236b88" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=b217ffd7-68a9-4e93-94c5-41fcc1236b88" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </span> </div> <div class="text-sm text-gray-500 dark:text-gray-400">2년 전</div> </div> </div>  <div class="flex items-center space-x-2"> </div> </div>  <div class="prose prose-lg max-w-none dark:prose-invert text-gray-800 dark:text-gray-200 leading-relaxed mb-6 qa-content"> <p>게시판 수정 업데이트 후에 403이 나왔을때 </p> <p>DB에 <iframe> 이소스가 들어가있는지 확인한번 해보세요</p> <p>구글링 해보니까 권한 문제일수도 있다고 하니</p> <p>data 폴더에서 하위폴더까지 권한을 한번 바꿔보세요</p> <p>저는 잘은 모르지만 data에 하위폴더까지 707로 해둡니다.</p> </div>  <div class="flex items-center justify-between pt-4 border-t border-gray-200 dark:border-gray-700"> <div class="flex items-center space-x-4"> <div class="text-sm text-gray-500 dark:text-gray-400"> 로그인 후 평가할 수 있습니다 </div> </div> </div> </div>  <div class="mx-6 mb-6"> <div class="relative">  <div class="absolute -top-3 left-8 w-px h-6 bg-gradient-to-b from-gray-300 to-transparent dark:from-gray-600"></div> <div class="px-6 py-4 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700">    <div class="mb-4"> <div class="flex items-center gap-2 mb-4"> <svg class="w-4 h-4 text-gray-600 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-4 4z"></path> </svg> <h4 class="text-sm font-semibold text-gray-700 dark:text-gray-300">답변에 대한 댓글 2개</h4> </div> <div class="space-y-3"> <div id="c_512676" class="relative "> <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-100 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200"> <div class="p-4"> <div class="flex items-start justify-between mb-3"> <div class="flex items-center gap-3"> <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-medium"> � </div> <div> <div class="font-medium text-sm text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_0mr1gkas_693ae043c0526: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_naver_0mr1gkas_693ae043c0526 = !open_sideview_naver_0mr1gkas_693ae043c0526" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_0mr1gkas" data-name="이해현"><img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">이해현</span></span><div x-show="open_sideview_naver_0mr1gkas_693ae043c0526" @click.away="open_sideview_naver_0mr1gkas_693ae043c0526 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </div> <div class="text-xs text-gray-500 dark:text-gray-400" title="2023-09-25 (월) 16:30:21"> 2년 전 </div> </div> </div> </div> <div class="text-sm text-gray-700 dark:text-gray-300 comment-content leading-relaxed"> 호스팅 서버 측에 문의해보니까 이런 답변을 하셨네요..<br /> <br /> 문의하신 계정이 포함된 서버 상에서 확인하였을 때, 해당 계정에 대한 <br /> 웹 방화벽 차단 로그가 확인되고 있습니다.<br /> <br /> 소스 코드 내 특정 키워드 등이 방화벽 상에서 차단되고 있는 것으로 보여지며,<br /> 이 경우 이용 중이신 웹 호스팅 계정의 웹 방화벽 예외 처리를 통해 요청이 차단되지 않도록 설정하여 해당 현상이 해결될 수 있습니다. </div>  <div class="flex items-center gap-2 mt-3 pt-2 border-t border-gray-100 dark:border-gray-700"> </div>  <div class="comment-edit-form hidden mt-3"> <textarea class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white text-sm resize-none" rows="3" placeholder="댓글을 수정하세요...">호스팅 서버 측에 문의해보니까 이런 답변을 하셨네요.. 문의하신 계정이 포함된 서버 상에서 확인하였을 때, 해당 계정에 대한 웹 방화벽 차단 로그가 확인되고 있습니다. 소스 코드 내 특정 키워드 등이 방화벽 상에서 차단되고 있는 것으로 보여지며, 이 경우 이용 중이신 웹 호스팅 계정의 웹 방화벽 예외 처리를 통해 요청이 차단되지 않도록 설정하여 해당 현상이 해결될 수 있습니다.</textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="comment-save-btn px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded-lg text-sm font-medium transition-colors" data-comment-id="512676">저장</button> <button type="button" class="comment-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded-lg text-sm font-medium transition-colors">취소</button> </div> </div>  <div class="reply-form hidden mt-3 bg-gray-50 dark:bg-gray-700 rounded-lg p-3"> <div class="flex items-center gap-2 mb-2"> <svg class="w-3 h-3 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path> </svg> <span class="text-xs text-gray-600 dark:text-gray-300 reply-target"></span> </div> <form class="reply-form-element" data-parent-id="512623" data-comment-id="512676"> <input type="hidden" name="_token" value="Q820dDHWsqPQ0MeVxbjv45jVFZM7Wr0yybTNwkyn" autocomplete="off"> <textarea name="wr_content" placeholder="답글을 작성하세요..." rows="2" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-600 dark:text-white text-sm resize-none" required></textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="reply-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded text-sm font-medium transition-colors">취소</button> <button type="submit" class="px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded text-sm font-medium transition-colors">답글 등록</button> </div> </form> </div> </div> </div> </div>   <div id="c_512682" class="relative "> <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-100 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200"> <div class="p-4"> <div class="flex items-start justify-between mb-3"> <div class="flex items-center gap-3"> <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-medium"> � </div> <div> <div class="font-medium text-sm text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_0mr1gkas_693ae043c08bd: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_naver_0mr1gkas_693ae043c08bd = !open_sideview_naver_0mr1gkas_693ae043c08bd" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_0mr1gkas" data-name="이해현"><img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">이해현</span></span><div x-show="open_sideview_naver_0mr1gkas_693ae043c08bd" @click.away="open_sideview_naver_0mr1gkas_693ae043c08bd = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </div> <div class="text-xs text-gray-500 dark:text-gray-400" title="2023-09-25 (월) 16:43:50"> 2년 전 </div> </div> </div> </div> <div class="text-sm text-gray-700 dark:text-gray-300 comment-content leading-relaxed"> 맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다.<br /> 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ<br /> 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다.. </div>  <div class="flex items-center gap-2 mt-3 pt-2 border-t border-gray-100 dark:border-gray-700"> </div>  <div class="comment-edit-form hidden mt-3"> <textarea class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white text-sm resize-none" rows="3" placeholder="댓글을 수정하세요...">맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다. 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다..</textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="comment-save-btn px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded-lg text-sm font-medium transition-colors" data-comment-id="512682">저장</button> <button type="button" class="comment-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded-lg text-sm font-medium transition-colors">취소</button> </div> </div>  <div class="reply-form hidden mt-3 bg-gray-50 dark:bg-gray-700 rounded-lg p-3"> <div class="flex items-center gap-2 mb-2"> <svg class="w-3 h-3 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path> </svg> <span class="text-xs text-gray-600 dark:text-gray-300 reply-target"></span> </div> <form class="reply-form-element" data-parent-id="512623" data-comment-id="512682"> <input type="hidden" name="_token" value="Q820dDHWsqPQ0MeVxbjv45jVFZM7Wr0yybTNwkyn" autocomplete="off"> <textarea name="wr_content" placeholder="답글을 작성하세요..." rows="2" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-600 dark:text-white text-sm resize-none" required></textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="reply-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded text-sm font-medium transition-colors">취소</button> <button type="submit" class="px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded text-sm font-medium transition-colors">답글 등록</button> </div> </form> </div> </div> </div> </div>   </div> </div>  <div class="text-center py-3"> <p class="text-sm text-gray-500 dark:text-gray-400"> 댓글을 작성하려면 <a href="/login" class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">로그인</a>이 필요합니다. </p> </div> </div> </div> </div> </div> <div id="answer_512615" class="bg-white dark:bg-gray-800 rounded-xl shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden border border-gray-200 dark:border-gray-700"> <div class="p-6">  <div class="flex items-center justify-between mb-5"> <div class="flex items-center space-x-4"> <div class="relative inline-block" style="width: 48px; height: 48px;">  <svg width="48" height="48" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="rounded-full">  <defs> <linearGradient id="grad-avatar-693ae043c0ca35.54470619" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:hsl(53, 83%, 47%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(83, 83%, 42%);stop-opacity:1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="50" fill="url(#grad-avatar-693ae043c0ca35.54470619)" />  <text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif"> 비 </text> </svg> </div> <div> <div class="flex items-center space-x-2"> <span class="font-semibold text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_wittazzurri_693ae043c0ef4: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_wittazzurri_693ae043c0ef4 = !open_sideview_wittazzurri_693ae043c0ef4" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="wittazzurri" data-name="비타주리"><img src="/old/data/member/wi/wittazzurri.gif" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">비타주리</span></span><div x-show="open_sideview_wittazzurri_693ae043c0ef4" @click.away="open_sideview_wittazzurri_693ae043c0ef4 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/840da106-15b0-43f0-9b0b-b0899ebc28ea" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=840da106-15b0-43f0-9b0b-b0899ebc28ea" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=840da106-15b0-43f0-9b0b-b0899ebc28ea" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </span> </div> <div class="text-sm text-gray-500 dark:text-gray-400">2년 전</div> </div> </div>  <div class="flex items-center space-x-2"> </div> </div>  <div class="prose prose-lg max-w-none dark:prose-invert text-gray-800 dark:text-gray-200 leading-relaxed mb-6 qa-content"> <p>1. 본인의 게시글을 캡쳐이미지가 아니라 본문 url 을 직접 링크해 주세요.</p> <p> </p> <p>----------</p> <p> </p> <p>2. 그누루트/plugin/htmlpurifier/safeiframe.txt 에 아래처럼 입력되어 있는지 확인합니다.</p> <p>그누에서 아이프레임 허용사이트의 화이트리스트입니다.</p> <p> </p> <p><div class="code-block-wrapper"> <button onclick="copyCodePrism(this)" class="copy-code-btn" style="position: absolute; top: 10px; right: 10px; z-index: 10; background: rgba(0,0,0,0.5); color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 6px 12px; border-radius: 4px; font-size: 12px; cursor: pointer; transition: all 0.2s; backdrop-filter: blur(10px);" onmouseover="this.style.background='rgba(0,0,0,0.7)'; this.style.transform='translateY(-1px)'" onmouseout="this.style.background='rgba(0,0,0,0.5)'; this.style.transform='translateY(0)'"> <svg style="width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 4px;" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path> </svg> <span class="copy-text">Copy</span> </button> <pre class="language-markup"><code class="language-markup"></p> <p># iframe 허용 도메인을 한줄에 하나씩만 적으세요. # 도메인 뒤에 가급적 / 를 붙여주세요. www.youtube(?:-nocookie)?.com/ serviceapi.rmcnmv.naver.com/ videofarm.daum.net/ player.vimeo.com/ www.google.com/ maps.google.com/ play.afreeca.com/ v.nate.com/ www.microsoft.com/showcase/video.aspx/ w.soundcloud.com/ www.facebook.com/ kakaotv.daum.net/ v.afree.ca/ play-tv.kakao.com/</p> <p></code></pre> </div></p> <p> </p> <p>----------</p> <p> </p> <p>3. 아래 2개의 플러그인을 설치합니다.</p> <p><a href="https://sir.kr/g5_plugin/10907" target="_blank" rel="noopener noreferrer">https://sir.kr/g5_plugin/10907</a></p> <p><a href="https://sir.kr/g5_plugin/11748" target="_blank" rel="noopener noreferrer">https://sir.kr/g5_plugin/11748</a></p> <p> </p> <p>----------</p> <p> </p> <p>4. <a href="http://wittazzurri.phps.kr/add_board/12" target="_blank" rel="noopener noreferrer">http://wittazzurri.phps.kr/add_board/12</a> 의 댓글처럼 유튜브태그를 작성합니다.</p> <p> </p> <p>----------</p> <p> </p> <p>가장 중요한 것은 유튜브를 걸은 게시글 페이지의 주소를 직접 링크를 걸어 보여 주셔야 한다는 것입니다.^^ </p> </div>  <div class="flex items-center justify-between pt-4 border-t border-gray-200 dark:border-gray-700"> <div class="flex items-center space-x-4"> <div class="text-sm text-gray-500 dark:text-gray-400"> 로그인 후 평가할 수 있습니다 </div> </div> </div> </div>  <div class="mx-6 mb-6"> <div class="relative">  <div class="absolute -top-3 left-8 w-px h-6 bg-gradient-to-b from-gray-300 to-transparent dark:from-gray-600"></div> <div class="px-6 py-4 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700">    <div class="mb-4"> <div class="flex items-center gap-2 mb-4"> <svg class="w-4 h-4 text-gray-600 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-4 4z"></path> </svg> <h4 class="text-sm font-semibold text-gray-700 dark:text-gray-300">답변에 대한 댓글 1개</h4> </div> <div class="space-y-3"> <div id="c_512681" class="relative "> <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-100 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200"> <div class="p-4"> <div class="flex items-start justify-between mb-3"> <div class="flex items-center gap-3"> <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-medium"> � </div> <div> <div class="font-medium text-sm text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_0mr1gkas_693ae043c12d7: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_naver_0mr1gkas_693ae043c12d7 = !open_sideview_naver_0mr1gkas_693ae043c12d7" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_0mr1gkas" data-name="이해현"><img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">이해현</span></span><div x-show="open_sideview_naver_0mr1gkas_693ae043c12d7" @click.away="open_sideview_naver_0mr1gkas_693ae043c12d7 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </div> <div class="text-xs text-gray-500 dark:text-gray-400" title="2023-09-25 (월) 16:43:45"> 2년 전 </div> </div> </div> </div> <div class="text-sm text-gray-700 dark:text-gray-300 comment-content leading-relaxed"> 맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다.<br /> 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ<br /> 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다.. </div>  <div class="flex items-center gap-2 mt-3 pt-2 border-t border-gray-100 dark:border-gray-700"> </div>  <div class="comment-edit-form hidden mt-3"> <textarea class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white text-sm resize-none" rows="3" placeholder="댓글을 수정하세요...">맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다. 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다..</textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="comment-save-btn px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded-lg text-sm font-medium transition-colors" data-comment-id="512681">저장</button> <button type="button" class="comment-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded-lg text-sm font-medium transition-colors">취소</button> </div> </div>  <div class="reply-form hidden mt-3 bg-gray-50 dark:bg-gray-700 rounded-lg p-3"> <div class="flex items-center gap-2 mb-2"> <svg class="w-3 h-3 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path> </svg> <span class="text-xs text-gray-600 dark:text-gray-300 reply-target"></span> </div> <form class="reply-form-element" data-parent-id="512615" data-comment-id="512681"> <input type="hidden" name="_token" value="Q820dDHWsqPQ0MeVxbjv45jVFZM7Wr0yybTNwkyn" autocomplete="off"> <textarea name="wr_content" placeholder="답글을 작성하세요..." rows="2" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-600 dark:text-white text-sm resize-none" required></textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="reply-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded text-sm font-medium transition-colors">취소</button> <button type="submit" class="px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded text-sm font-medium transition-colors">답글 등록</button> </div> </form> </div> </div> </div> </div>   </div> </div>  <div class="text-center py-3"> <p class="text-sm text-gray-500 dark:text-gray-400"> 댓글을 작성하려면 <a href="/login" class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">로그인</a>이 필요합니다. </p> </div> </div> </div> </div> </div> <div id="answer_512610" class="bg-white dark:bg-gray-800 rounded-xl shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden border border-gray-200 dark:border-gray-700"> <div class="p-6">  <div class="flex items-center justify-between mb-5"> <div class="flex items-center space-x-4"> <div class="relative inline-block" style="width: 48px; height: 48px;">  <svg width="48" height="48" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="rounded-full">  <defs> <linearGradient id="grad-avatar-693ae043c16724.13885099" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:hsl(344, 74%, 59%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(14, 74%, 54%);stop-opacity:1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="50" fill="url(#grad-avatar-693ae043c16724.13885099)" />  <text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif"> s </text> </svg> </div> <div> <div class="flex items-center space-x-2"> <span class="font-semibold text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_sinbi_693ae043c189d: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_sinbi_693ae043c189d = !open_sideview_sinbi_693ae043c189d" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="sinbi" data-name="sinbi"><img src="/old/data/member/si/sinbi.gif" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">sinbi</span></span><div x-show="open_sideview_sinbi_693ae043c189d" @click.away="open_sideview_sinbi_693ae043c189d = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/d0b8de43-5358-41e9-b154-43e9fee33633" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=d0b8de43-5358-41e9-b154-43e9fee33633" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=d0b8de43-5358-41e9-b154-43e9fee33633" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </span> <span class="px-2 py-0.5 bg-gradient-to-r from-purple-500 to-pink-500 text-white text-xs rounded-full">Expert</span> </div> <div class="text-sm text-gray-500 dark:text-gray-400">2년 전</div> </div> </div>  <div class="flex items-center space-x-2"> </div> </div>  <div class="prose prose-lg max-w-none dark:prose-invert text-gray-800 dark:text-gray-200 leading-relaxed mb-6 qa-content"> <p>스킨과 테마가 그누5 원본이 아닌 듯 한데,</p> <p>일단 테마와 스킨을 원본으로 변경 후 테스트해보세요.</p> <p>같은 증상이면 서버 세팅이 잘못된것이고,</p> <p>원본에선 잘 되는 거면 테마나 스킨의 문제일테니, 해당 테마나 스킨 주소를 공유 후 질문해 보세요.</p> </div>  <div class="flex items-center justify-between pt-4 border-t border-gray-200 dark:border-gray-700"> <div class="flex items-center space-x-4"> <div class="text-sm text-gray-500 dark:text-gray-400"> 로그인 후 평가할 수 있습니다 </div> </div> </div> </div>  <div class="mx-6 mb-6"> <div class="relative">  <div class="absolute -top-3 left-8 w-px h-6 bg-gradient-to-b from-gray-300 to-transparent dark:from-gray-600"></div> <div class="px-6 py-4 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700">    <div class="mb-4"> <div class="flex items-center gap-2 mb-4"> <svg class="w-4 h-4 text-gray-600 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-4 4z"></path> </svg> <h4 class="text-sm font-semibold text-gray-700 dark:text-gray-300">답변에 대한 댓글 2개</h4> </div> <div class="space-y-3"> <div id="c_512677" class="relative "> <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-100 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200"> <div class="p-4"> <div class="flex items-start justify-between mb-3"> <div class="flex items-center gap-3"> <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-medium"> � </div> <div> <div class="font-medium text-sm text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_0mr1gkas_693ae043c1c15: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_naver_0mr1gkas_693ae043c1c15 = !open_sideview_naver_0mr1gkas_693ae043c1c15" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_0mr1gkas" data-name="이해현"><img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">이해현</span></span><div x-show="open_sideview_naver_0mr1gkas_693ae043c1c15" @click.away="open_sideview_naver_0mr1gkas_693ae043c1c15 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </div> <div class="text-xs text-gray-500 dark:text-gray-400" title="2023-09-25 (월) 16:30:40"> 2년 전 </div> </div> </div> </div> <div class="text-sm text-gray-700 dark:text-gray-300 comment-content leading-relaxed"> 호스팅 서버 측에 문의해보니까 이런 답변을 하셨네요..<br /> <br /> 문의하신 계정이 포함된 서버 상에서 확인하였을 때, 해당 계정에 대한<br /> 웹 방화벽 차단 로그가 확인되고 있습니다.<br /> <br /> 소스 코드 내 특정 키워드 등이 방화벽 상에서 차단되고 있는 것으로 보여지며,<br /> 이 경우 이용 중이신 웹 호스팅 계정의 웹 방화벽 예외 처리를 통해 요청이 차단되지 않도록 설정하여 해당 현상이 해결될 수 있습니다. </div>  <div class="flex items-center gap-2 mt-3 pt-2 border-t border-gray-100 dark:border-gray-700"> </div>  <div class="comment-edit-form hidden mt-3"> <textarea class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white text-sm resize-none" rows="3" placeholder="댓글을 수정하세요...">호스팅 서버 측에 문의해보니까 이런 답변을 하셨네요.. 문의하신 계정이 포함된 서버 상에서 확인하였을 때, 해당 계정에 대한 웹 방화벽 차단 로그가 확인되고 있습니다. 소스 코드 내 특정 키워드 등이 방화벽 상에서 차단되고 있는 것으로 보여지며, 이 경우 이용 중이신 웹 호스팅 계정의 웹 방화벽 예외 처리를 통해 요청이 차단되지 않도록 설정하여 해당 현상이 해결될 수 있습니다.</textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="comment-save-btn px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded-lg text-sm font-medium transition-colors" data-comment-id="512677">저장</button> <button type="button" class="comment-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded-lg text-sm font-medium transition-colors">취소</button> </div> </div>  <div class="reply-form hidden mt-3 bg-gray-50 dark:bg-gray-700 rounded-lg p-3"> <div class="flex items-center gap-2 mb-2"> <svg class="w-3 h-3 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path> </svg> <span class="text-xs text-gray-600 dark:text-gray-300 reply-target"></span> </div> <form class="reply-form-element" data-parent-id="512610" data-comment-id="512677"> <input type="hidden" name="_token" value="Q820dDHWsqPQ0MeVxbjv45jVFZM7Wr0yybTNwkyn" autocomplete="off"> <textarea name="wr_content" placeholder="답글을 작성하세요..." rows="2" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-600 dark:text-white text-sm resize-none" required></textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="reply-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded text-sm font-medium transition-colors">취소</button> <button type="submit" class="px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded text-sm font-medium transition-colors">답글 등록</button> </div> </form> </div> </div> </div> </div>   <div id="c_512680" class="relative "> <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-100 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600 transition-all duration-200"> <div class="p-4"> <div class="flex items-start justify-between mb-3"> <div class="flex items-center gap-3"> <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-full flex items-center justify-center text-white text-sm font-medium"> � </div> <div> <div class="font-medium text-sm text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_0mr1gkas_693ae043c1f94: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_naver_0mr1gkas_693ae043c1f94 = !open_sideview_naver_0mr1gkas_693ae043c1f94" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_0mr1gkas" data-name="이해현"><img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">이해현</span></span><div x-show="open_sideview_naver_0mr1gkas_693ae043c1f94" @click.away="open_sideview_naver_0mr1gkas_693ae043c1f94 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </div> <div class="text-xs text-gray-500 dark:text-gray-400" title="2023-09-25 (월) 16:43:36"> 2년 전 </div> </div> </div> </div> <div class="text-sm text-gray-700 dark:text-gray-300 comment-content leading-relaxed"> 맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다.<br /> 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ<br /> 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다.. </div>  <div class="flex items-center gap-2 mt-3 pt-2 border-t border-gray-100 dark:border-gray-700"> </div>  <div class="comment-edit-form hidden mt-3"> <textarea class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white text-sm resize-none" rows="3" placeholder="댓글을 수정하세요...">맞네요....... 닷홈 호스팅에서 웹 방화벽 해제해주세요 요청해야만 되는거였습니다. 이걸 몰라서 혼자 구글링하고 끙끙 앓았네요ㅠㅠ 닷홈 호스팅에 웹 방화벽 해제해달라고 하니까 바로 해결되었습니다..</textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="comment-save-btn px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded-lg text-sm font-medium transition-colors" data-comment-id="512680">저장</button> <button type="button" class="comment-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded-lg text-sm font-medium transition-colors">취소</button> </div> </div>  <div class="reply-form hidden mt-3 bg-gray-50 dark:bg-gray-700 rounded-lg p-3"> <div class="flex items-center gap-2 mb-2"> <svg class="w-3 h-3 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6"></path> </svg> <span class="text-xs text-gray-600 dark:text-gray-300 reply-target"></span> </div> <form class="reply-form-element" data-parent-id="512610" data-comment-id="512680"> <input type="hidden" name="_token" value="Q820dDHWsqPQ0MeVxbjv45jVFZM7Wr0yybTNwkyn" autocomplete="off"> <textarea name="wr_content" placeholder="답글을 작성하세요..." rows="2" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 dark:bg-gray-600 dark:text-white text-sm resize-none" required></textarea> <div class="flex justify-end gap-2 mt-2"> <button type="button" class="reply-cancel-btn px-3 py-1.5 bg-gray-500 hover:bg-gray-600 text-white rounded text-sm font-medium transition-colors">취소</button> <button type="submit" class="px-3 py-1.5 bg-qa-btn-primary-bg-light hover:bg-qa-btn-primary-hover-light dark:bg-qa-btn-primary-bg-dark dark:hover:bg-qa-btn-primary-hover-dark text-white rounded text-sm font-medium transition-colors">답글 등록</button> </div> </form> </div> </div> </div> </div>   </div> </div>  <div class="text-center py-3"> <p class="text-sm text-gray-500 dark:text-gray-400"> 댓글을 작성하려면 <a href="/login" class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">로그인</a>이 필요합니다. </p> </div> </div> </div> </div> </div> <div id="answer_512609" class="bg-white dark:bg-gray-800 rounded-xl shadow-sm hover:shadow-lg transition-all duration-300 overflow-hidden border border-gray-200 dark:border-gray-700"> <div class="p-6">  <div class="flex items-center justify-between mb-5"> <div class="flex items-center space-x-4"> <div class="relative inline-block" style="width: 48px; height: 48px;">  <img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="이해현" class="w-full h-full rounded-full object-cover border-4 border-white dark:border-slate-600 shadow-lg" onerror="this.style.display='none'; this.nextElementSibling.style.display='block';">  <svg width="48" height="48" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" class="rounded-full" style="display: none;"> <defs> <linearGradient id="grad-fallback-avatar-693ae043c23455.49694580" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:hsl(198, 78%, 51%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(228, 78%, 46%);stop-opacity:1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="50" fill="url(#grad-fallback-avatar-693ae043c23455.49694580)" /> <text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif"> 이 </text> </svg> </div> <div> <div class="flex items-center space-x-2"> <span class="font-semibold text-gray-900 dark:text-white"> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_0mr1gkas_693ae043c2587: false, isBottom: false, checkPosition() { const rect = this.$el.getBoundingClientRect(); const dropdownHeight = 300; // Estimated dropdown height const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom; this.isBottom = spaceBelow < dropdownHeight; } }"><span @click="checkPosition(); open_sideview_naver_0mr1gkas_693ae043c2587 = !open_sideview_naver_0mr1gkas_693ae043c2587" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_0mr1gkas" data-name="이해현"><img src="https://phinf.pstatic.net/contact/20190414_231/15552234971213wWVy_JPEG/image.jpg" alt="" width="22" height="22" class="inline-block rounded-full mr-1 align-middle object-cover" style="position: relative; top: 1px;"><span class="align-middle">이해현</span></span><div x-show="open_sideview_naver_0mr1gkas_693ae043c2587" @click.away="open_sideview_naver_0mr1gkas_693ae043c2587 = false" x-cloak :style="'display: block !important; ' + (isBottom ? 'bottom: 100%; margin-bottom: 4px;' : 'top: 100%; margin-top: 4px;') + ' left: 1rem; z-index: 9999;'" class="absolute min-w-[160px] rounded-md shadow-2xl border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800"> <div class="py-1 rounded-md bg-white dark:bg-gray-800 whitespace-nowrap"><a href="/profile/bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg>프로필 보기</a><a href="/new?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>이 회원 글보기</a><a href="/new-comments?mb_uuid=bb3c4fd8-4f43-48ad-98c5-b190df9d2193" class="block px-4 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600"><svg class="inline w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path></svg>이 회원의 댓글보기</a></div></div></div> </span> </div> <div class="text-sm text-gray-500 dark:text-gray-400">2년 전</div> </div> </div>  <div class="flex items-center space-x-2"> </div> </div>  <div class="prose prose-lg max-w-none dark:prose-invert text-gray-800 dark:text-gray-200 leading-relaxed mb-6 qa-content"> <p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="576" src="<a href="https://www.youtube.com/embed/4XZz3WXRw0A?list=TLGGSjyPb3a-cfUyNDA5MjAyMw" target="_blank" rel="noopener noreferrer">https://www.youtube.com/embed/4XZz3WXRw0A?list=TLGGSjyPb3a-cfUyNDA5MjAyMw</a>" title="JISOO - ‘꽃(FLOWER)’ DANCE PERFORMANCE VIDEO" width="1024">

그누보드에선 이렇게 저도 매우 iframe 적용이 잘되는데

이 영상에서 제 그누보드에서는 안되네요ㅠㅠㅠ

https://drive.google.com/file/d/1fpTNC00TbS5AXj9t29mYlQoGdVBj_oWn/view?usp=sharing

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

설국열차

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전

https://www.youtube.com/embed?playlist=4XZz3WXRw0A&loop=1&autoplay=1&vq=highres</a>" style="width: 100%; height: 576px;">

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

�

설국열차

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전

이렇게 나옵니다..

�

이해현

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전

맞아요. 여기서도 잘됩니다.
iframe 태그가 잘 먹히는데요..
제 그누보드 사이트에서는 iframe만 들어가면 무조건 튕겨버립니다ㅠ

영상입니다.
https://drive.google.com/file/d/1fpTNC00TbS5AXj9t29mYlQoGdVBj_oWn/view?usp=sharing

댓글을 작성하려면 로그인이 필요합니다.

설국열차

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전

https://www.youtube.com/embed?playlist=4XZz3WXRw0A&loop=1&autoplay=1&vq=highres"</a> allow="autoplay" style="width: 100%; height: 576px;" allowfullscreen> 이렇게 하면 잘 나옵니다. loop=0 또는 1 반복 재생 autoplay=0 또는 1 자동재생 vq=highres 는 화질을 의미 합니다. 현재이것은 고해상도 화질을 나타냅니다. allowfullscreen 있으면 전체화면보기 가능 없으면 불가능 하게 됩니다..

로그인 후 평가할 수 있습니다