테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

메타태그에 키워드 넣으면 검색에 노출되는 것 아닌가요? 채택완료

싱싱건지
프로필 보기이 회원 글보기이 회원의 댓글보기
 9년 전 조회 8,204
답변 3
목록

 

환경설정 - 추가 메타태그에

 

이런식으로 여러개 키워드 (=x)를 집어넣었는데

네이버에 검색해보면 사이트 제목으로 입력할떄만 노출이 되고

나머지 키워드로 입력할때는 노출이 안되네요ㅠㅠ

 

제가 뭘 잘못한건지

원래 노출이 안되는건지ㅠㅠ 왜이런걸까용?

이런것도 트래픽과 연관이 있어서 그런건지;;

#그누보드5 #메타태그
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
ceoseo

키워드에 넣는다고 반드시 그 키워드 검색결과에 뜨는건 아닙니다.

1. 예를 들어 "아이폰" 키워드를 넣은 도메인이 수백만 수천만 이상일수도 있으니깐요. 그리고 그중에 싱건지님은 제일 나중에 등록한 케이스일거구요.

 

2. 검색엔진 특성중에 하나인데 메타키워드랑 본문에 내용이랑 매칭이 안되면 후순위로 밀려나는 특성이 있습니다. 단순히 검색엔진에만 걸리게 할려는 스팸 또는 불명확등으로 간주됩니다.

 

3. 일단 키워드의 경우는 해당 사이트의 꾸준함. 그리고 정확도에 비례하는거 같습니다. 

 

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

답변에 대한 댓글 1개

�
그럼 트래픽과 활동량을 늘리는게 우선이군요ㅠㅠ
아 근데 후순위에도 없고 아예 사이트 카테고리에는 안뜨는 단어는 어떻게 된건가요?? ㅠㅠ
사이트 이름에 제품 종류를 붙여서 입력한 키워드라 연관성이 떨어지지도 않는데 ㅜ

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

먼

keyword는 오히려 검색에 크게 영향을 못끼칩니다. 무분별적이고 악의적인 사용이 많아서 오히려 검색엔진에서는 거의 버린..

의 내용과 본문안의 내용이 오히려 더 영향을 줍니다.</p><p>비중으로는 <title>이 제일 클거고, meta에서는 subject와 description이 그 다음일겁니다.</p><p>본문내용과 링크에 걸리는 텍스트 또는 이미지라면 alt 속성값도 중요합니다.</p><p>SEO나 검색엔진최적화 검색해보세요.</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"> <!-- 댓글 목록 --> <!-- 디버깅: 답변 133913의 전체 댓글 구조 --> <!-- 댓글 작성 폼 --> <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_133751" 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 아바타 사용 (기본값) --> <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-692dd92d902932.77964206" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:hsl(107, 77%, 48%);stop-opacity:1" /> <stop offset="100%" style="stop-color:hsl(137, 77%, 43%);stop-opacity:1" /> </linearGradient> </defs> <circle cx="50" cy="50" r="50" fill="url(#grad-avatar-692dd92d902932.77964206)" /> <!-- 닉네임 첫 글자 --> <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_lelele11_692dd92d904be: 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_lelele11_692dd92d904be = !open_sideview_lelele11_692dd92d904be" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="lelele11" 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-lelele11" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(107, 77%, 48%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(137, 77%, 43%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-lelele11)" /><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_lelele11_692dd92d904be" @click.away="open_sideview_lelele11_692dd92d904be = 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/d2f4f76f-09ab-49b9-9f14-9d4aee553aa6" 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=d2f4f76f-09ab-49b9-9f14-9d4aee553aa6" 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=d2f4f76f-09ab-49b9-9f14-9d4aee553aa6" 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">9년 전</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>title 태그랑 일반태그드들의 alt , title 속성도 중요합니다 ~ </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"> <!-- 댓글 목록 --> <!-- 디버깅: 답변 133751의 전체 댓글 구조 --> <!-- 댓글 수: 1, 대댓글 그룹 수: 0 --> <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_133763" 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_singganzi_692dd92d90816: 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_singganzi_692dd92d90816 = !open_sideview_singganzi_692dd92d90816" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="singganzi" 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-singganzi" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(93, 63%, 59%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(123, 63%, 54%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-singganzi)" /><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_singganzi_692dd92d90816" @click.away="open_sideview_singganzi_692dd92d90816 = 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/408ab5ae-d242-41fb-862d-3a5b248d4f29" 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=408ab5ae-d242-41fb-862d-3a5b248d4f29" 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=408ab5ae-d242-41fb-862d-3a5b248d4f29" 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="2016-07-22 (금) 12:43:29"> 9년 전 </div> </div> </div> </div> <div class="text-sm text-gray-700 dark:text-gray-300 comment-content leading-relaxed"> 네에??! alt.와 title 속성이요....? 그..극...그건 어떻게 하는건가요? ㅠㅠ </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="댓글을 수정하세요...">네에??! alt.와 title 속성이요....? 그..극...그건 어떻게 하는건가요? ㅠㅠ</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="133763">저장</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="133751" data-comment-id="133763"> <input type="hidden" name="_token" value="rbqdD0qxQAr3TwZms6U9FgCjg5qa6eWyWXxJVESV" 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> <!-- 대댓글 표시 --> <!-- 디버깅: 댓글 1, 답변ID 133751, 대댓글 있음: 아니오 --> </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> <!-- 답변 페이징 --> </div> <!-- Error Messages --> <!-- Answer Form --> <div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-6 text-center"> <p class="text-gray-600 dark:text-gray-400 mb-4">답변을 작성하려면 로그인이 필요합니다.</p> <a href="https://new-sir.gnuboard.net/login?redirect=https%3A%2F%2Fnew-sir.gnuboard.net%2Fquestions%2F133737%3Fvpage%3D1" class="inline-block px-6 py-2 bg-qa-btn-primary-bg-light dark:bg-qa-btn-primary-bg-dark hover:bg-qa-btn-primary-hover-light dark:hover:bg-qa-btn-primary-hover-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark rounded-lg transition-colors"> 로그인 </a> </div> <div class="max-w-7xl mx-auto py-8"> <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm overflow-hidden"> <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700"> <h2 class="text-xl font-semibold text-gray-900 dark:text-white">전체 질문 목록</h2> </div> <div class="divide-y divide-gray-200 dark:divide-gray-700"> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560337" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> md </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_www_692dd92d90b11: 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_www_692dd92d90b11 = !open_sideview_www_692dd92d90b11" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="www" data-name="홍따삼"><img src="https://new-sir.gnuboard.net/storage/profile_images/www_1761835247.png" 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_www_692dd92d90b11" @click.away="open_sideview_www_692dd92d90b11 = 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/5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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 title="2025-11-13 (목) 14:01:45" class="cursor-help">2주 전</span> <span>조회 120</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EB%9D%BC%EB%9D%BC%EA%B3%A4" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 라라곤 </a> <a href="https://new-sir.gnuboard.net/questions?tag=php" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> php </a> <a href="https://new-sir.gnuboard.net/questions?tag=%ED%9A%8C%EC%9B%90%EC%8A%A4%ED%82%A8" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 회원스킨 </a> <a href="https://new-sir.gnuboard.net/questions?tag=pg" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> pg </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560336" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> ssssssssssss </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_www_692dd92d90dcc: 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_www_692dd92d90dcc = !open_sideview_www_692dd92d90dcc" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="www" data-name="홍따삼"><img src="https://new-sir.gnuboard.net/storage/profile_images/www_1761835247.png" 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_www_692dd92d90dcc" @click.away="open_sideview_www_692dd92d90dcc = 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/5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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 title="2025-11-13 (목) 14:01:03" class="cursor-help">2주 전</span> <span>조회 28</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560335" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> aaaaaaaaaaaaaaaaa </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_www_692dd92d91040: 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_www_692dd92d91040 = !open_sideview_www_692dd92d91040" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="www" data-name="홍따삼"><img src="https://new-sir.gnuboard.net/storage/profile_images/www_1761835247.png" 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_www_692dd92d91040" @click.away="open_sideview_www_692dd92d91040 = 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/5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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 title="2025-11-13 (목) 14:00:49" class="cursor-help">2주 전</span> <span>조회 23</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560334" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 마크다운 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_www_692dd92d912a9: 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_www_692dd92d912a9 = !open_sideview_www_692dd92d912a9" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="www" data-name="홍따삼"><img src="https://new-sir.gnuboard.net/storage/profile_images/www_1761835247.png" 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_www_692dd92d912a9" @click.away="open_sideview_www_692dd92d912a9 = 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/5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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 title="2025-11-13 (목) 14:00:35" class="cursor-help">2주 전</span> <span>조회 25</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560333" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 11111111111 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_www_692dd92d9150e: 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_www_692dd92d9150e = !open_sideview_www_692dd92d9150e" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="www" data-name="홍따삼"><img src="https://new-sir.gnuboard.net/storage/profile_images/www_1761835247.png" 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_www_692dd92d9150e" @click.away="open_sideview_www_692dd92d9150e = 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/5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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 title="2025-11-13 (목) 13:57:06" class="cursor-help">2주 전</span> <span>조회 19</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560332" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 따삼이 질문ㅇ </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_www_692dd92d91776: 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_www_692dd92d91776 = !open_sideview_www_692dd92d91776" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="www" data-name="홍따삼"><img src="https://new-sir.gnuboard.net/storage/profile_images/www_1761835247.png" 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_www_692dd92d91776" @click.away="open_sideview_www_692dd92d91776 = 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/5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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 title="2025-11-13 (목) 13:54:48" class="cursor-help">2주 전</span> <span>조회 21</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560331" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> md 형식이 잘 나오나? </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_www_692dd92d919da: 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_www_692dd92d919da = !open_sideview_www_692dd92d919da" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="www" data-name="홍따삼"><img src="https://new-sir.gnuboard.net/storage/profile_images/www_1761835247.png" 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_www_692dd92d919da" @click.away="open_sideview_www_692dd92d919da = 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/5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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=5c993582-74b9-4c29-b073-dd9dae8e1d4d" 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 title="2025-11-13 (목) 11:59:18" class="cursor-help">2주 전</span> <span>조회 84</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560329" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 안녕하세요. 첫 질문입니다. 하하하 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_zzz_692dd92d91d56: 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_zzz_692dd92d91d56 = !open_sideview_zzz_692dd92d91d56" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="zzz" 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-zzz" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(122, 62%, 55%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(152, 62%, 50%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-zzz)" /><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_zzz_692dd92d91d56" @click.away="open_sideview_zzz_692dd92d91d56 = 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/9058fa63-96f3-4f02-9297-02e29cd4e458" 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=9058fa63-96f3-4f02-9297-02e29cd4e458" 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=9058fa63-96f3-4f02-9297-02e29cd4e458" 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 title="2025-11-12 (수) 11:27:06" class="cursor-help">2주 전</span> <span>조회 38</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560328" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> test1 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_thisgun2_692dd92d920cf: 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_thisgun2_692dd92d920cf = !open_sideview_thisgun2_692dd92d920cf" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="thisgun2" data-name="thisgun2"><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-thisgun2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(244, 64%, 50%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(274, 64%, 45%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-thisgun2)" /><text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif">t</text></svg><span class="align-middle">thisgun2</span></span><div x-show="open_sideview_thisgun2_692dd92d920cf" @click.away="open_sideview_thisgun2_692dd92d920cf = 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/2556633f-cacf-4c59-8ce7-cd8a38bc65d6" 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=2556633f-cacf-4c59-8ce7-cd8a38bc65d6" 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=2556633f-cacf-4c59-8ce7-cd8a38bc65d6" 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 title="2025-10-30 (목) 15:57:30" class="cursor-help">1개월 전</span> <span>조회 165</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560327" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> test1 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_thisgun2_692dd92d9244d: 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_thisgun2_692dd92d9244d = !open_sideview_thisgun2_692dd92d9244d" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="thisgun2" data-name="thisgun2"><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-thisgun2" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(244, 64%, 50%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(274, 64%, 45%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-thisgun2)" /><text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif">t</text></svg><span class="align-middle">thisgun2</span></span><div x-show="open_sideview_thisgun2_692dd92d9244d" @click.away="open_sideview_thisgun2_692dd92d9244d = 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/2556633f-cacf-4c59-8ce7-cd8a38bc65d6" 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=2556633f-cacf-4c59-8ce7-cd8a38bc65d6" 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=2556633f-cacf-4c59-8ce7-cd8a38bc65d6" 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 title="2025-10-23 (목) 12:33:20" class="cursor-help">1개월 전</span> <span>조회 85</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> <svg class="w-3 h-3 mr-1" 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"/> </svg> 채택 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560325" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 상품명 동일할 경우 등록 안되게 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_j2une_692dd92d927cd: 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_j2une_692dd92d927cd = !open_sideview_j2une_692dd92d927cd" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="j2une" data-name="jeal2j19azd1"><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-j2une" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(46, 76%, 53%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(76, 76%, 48%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-j2une)" /><text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif">j</text></svg><span class="align-middle">jeal2j19azd1</span></span><div x-show="open_sideview_j2une_692dd92d927cd" @click.away="open_sideview_j2une_692dd92d927cd = 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/31677225-7c64-41af-b93d-193f687f2afb" 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=31677225-7c64-41af-b93d-193f687f2afb" 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=31677225-7c64-41af-b93d-193f687f2afb" 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 title="2025-10-04 (토) 19:55:04" class="cursor-help">1개월 전</span> <span>조회 385</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560317" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 로컬에서 라라곤 설치후, 그누보드 및 테마 적용후 에러가 납니다. </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_crmsndsh_692dd92d92b2a: 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_crmsndsh_692dd92d92b2a = !open_sideview_crmsndsh_692dd92d92b2a" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="crmsndsh" data-name="크림빵1"><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-crmsndsh" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(323, 83%, 54%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(353, 83%, 49%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-crmsndsh)" /><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">크림빵1</span></span><div x-show="open_sideview_crmsndsh_692dd92d92b2a" @click.away="open_sideview_crmsndsh_692dd92d92b2a = 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/ba2777a7-b540-4d98-8b6b-68a6d82d796c" 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=ba2777a7-b540-4d98-8b6b-68a6d82d796c" 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=ba2777a7-b540-4d98-8b6b-68a6d82d796c" 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 title="2025-10-04 (토) 09:26:04" class="cursor-help">1개월 전</span> <span>조회 201</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EB%9D%BC%EB%9D%BC%EA%B3%A4" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 라라곤 </a> <a href="https://new-sir.gnuboard.net/questions?tag=php" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> php </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560313" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 그누보드 에디트 에러 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_rpixd1zc_692dd92d92ec6: 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_rpixd1zc_692dd92d92ec6 = !open_sideview_naver_rpixd1zc_692dd92d92ec6" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_rpixd1zc" data-name="텔로미어73"><img src="https://ssl.pstatic.net/static/pwe/address/img_profile.png" 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">텔로미어73</span></span><div x-show="open_sideview_naver_rpixd1zc_692dd92d92ec6" @click.away="open_sideview_naver_rpixd1zc_692dd92d92ec6 = 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/53b50cc7-4868-42f5-988d-b52b06c73968" 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=53b50cc7-4868-42f5-988d-b52b06c73968" 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=53b50cc7-4868-42f5-988d-b52b06c73968" 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 title="2025-10-03 (금) 20:47:51" class="cursor-help">1개월 전</span> <span>조회 99</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560310" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 제로보드인지 제로보드XE인지 그누보드인지 확인해주세요 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_green8202_692dd92d93238: 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_green8202_692dd92d93238 = !open_sideview_green8202_692dd92d93238" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="green8202" 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-green8202" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(274, 64%, 48%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(304, 64%, 43%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-green8202)" /><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_green8202_692dd92d93238" @click.away="open_sideview_green8202_692dd92d93238 = 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/c5ca011a-5dd9-4f7f-8fb6-8eb2b3e1fff5" 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=c5ca011a-5dd9-4f7f-8fb6-8eb2b3e1fff5" 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=c5ca011a-5dd9-4f7f-8fb6-8eb2b3e1fff5" 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 title="2025-10-03 (금) 17:24:21" class="cursor-help">1개월 전</span> <span>조회 128</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560306" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 그누보드 iframe 연결 문제 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_naver_rpixd1zc_692dd92d935bc: 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_rpixd1zc_692dd92d935bc = !open_sideview_naver_rpixd1zc_692dd92d935bc" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="naver_rpixd1zc" data-name="텔로미어73"><img src="https://ssl.pstatic.net/static/pwe/address/img_profile.png" 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">텔로미어73</span></span><div x-show="open_sideview_naver_rpixd1zc_692dd92d935bc" @click.away="open_sideview_naver_rpixd1zc_692dd92d935bc = 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/53b50cc7-4868-42f5-988d-b52b06c73968" 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=53b50cc7-4868-42f5-988d-b52b06c73968" 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=53b50cc7-4868-42f5-988d-b52b06c73968" 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 title="2025-10-03 (금) 14:15:46" class="cursor-help">1개월 전</span> <span>조회 106</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> <svg class="w-3 h-3 mr-1" 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"/> </svg> 채택 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560299" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 자동등록방지 숫자가 틀렸습니다 라고 합니다 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_megick_692dd92d9392d: 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_megick_692dd92d9392d = !open_sideview_megick_692dd92d9392d" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="megick" data-name="소소비"><img src="/old/data/member/me/megick.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_megick_692dd92d9392d" @click.away="open_sideview_megick_692dd92d9392d = 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/64dcef75-7d9f-4380-b8ab-01f3205cf652" 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=64dcef75-7d9f-4380-b8ab-01f3205cf652" 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=64dcef75-7d9f-4380-b8ab-01f3205cf652" 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 title="2025-10-03 (금) 01:22:35" class="cursor-help">2개월 전</span> <span>조회 96</span> <span class="text-green-600 dark:text-green-400">추천 1</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%ED%9A%8C%EC%9B%90%EC%8A%A4%ED%82%A8" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 회원스킨 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> <svg class="w-3 h-3 mr-1" 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"/> </svg> 채택 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560297" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 카드결제 수수료 낮출 수 있는 팁을 얻고 싶습니다. </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_ryanheo86_692dd92d93cad: 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_ryanheo86_692dd92d93cad = !open_sideview_ryanheo86_692dd92d93cad" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="ryanheo86" 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-ryanheo86" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(183, 63%, 48%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(213, 63%, 43%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-ryanheo86)" /><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_ryanheo86_692dd92d93cad" @click.away="open_sideview_ryanheo86_692dd92d93cad = 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/638af554-f74e-4be2-bd5a-080b3e0d4be5" 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=638af554-f74e-4be2-bd5a-080b3e0d4be5" 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=638af554-f74e-4be2-bd5a-080b3e0d4be5" 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 title="2025-10-03 (금) 00:01:09" class="cursor-help">2개월 전</span> <span>조회 82</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=pg" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> pg </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560292" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 최고 관리자 아이디비번이 없어요 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_google_evsuz8tw_692dd92d9403f: 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_google_evsuz8tw_692dd92d9403f = !open_sideview_google_evsuz8tw_692dd92d9403f" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="google_evsuz8tw" data-name="제비네"><img src="https://lh3.googleusercontent.com/a/ACg8ocK15_xvYaAI4w4cYxTjGLdgzl1s4XzCJNn_U8ypXFryXUmpgLY=s96-c" 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_google_evsuz8tw_692dd92d9403f" @click.away="open_sideview_google_evsuz8tw_692dd92d9403f = 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/5f556aac-8879-40f9-a25f-7e87a279350b" 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=5f556aac-8879-40f9-a25f-7e87a279350b" 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=5f556aac-8879-40f9-a25f-7e87a279350b" 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 title="2025-10-02 (목) 17:43:29" class="cursor-help">2개월 전</span> <span>조회 114</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560291" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 영카트 사용안하고 일반 홈페이지에서 PG 결제연동 방법 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_cnplus114_692dd92d943ab: 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_cnplus114_692dd92d943ab = !open_sideview_cnplus114_692dd92d943ab" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="cnplus114" data-name="cnplus114"><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-cnplus114" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(169, 79%, 46%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(199, 79%, 41%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-cnplus114)" /><text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif">c</text></svg><span class="align-middle">cnplus114</span></span><div x-show="open_sideview_cnplus114_692dd92d943ab" @click.away="open_sideview_cnplus114_692dd92d943ab = 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/81bdab12-ae3e-411e-9587-f363e5372366" 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=81bdab12-ae3e-411e-9587-f363e5372366" 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=81bdab12-ae3e-411e-9587-f363e5372366" 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 title="2025-10-02 (목) 17:38:38" class="cursor-help">2개월 전</span> <span>조회 85</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%98%81%EC%B9%B4%ED%8A%B85" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 영카트5 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 그누보드5 </a> <a href="https://new-sir.gnuboard.net/questions?tag=pg" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> pg </a> <a href="https://new-sir.gnuboard.net/questions?tag=kg%EC%9D%B4%EB%8B%88%EC%8B%9C%EC%8A%A4" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> kg이니시스 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"> 답변대기 </span> </div> </div> </div> <div class="p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"> <div class="flex items-start justify-between"> <div class="flex-1 min-w-0"> <h3 class="text-lg font-medium text-gray-900 dark:text-white mb-1"> <a href="https://new-sir.gnuboard.net/questions/560288" class="hover:text-qa-primary-light dark:hover:text-qa-primary-dark"> 영카트 PG사 도메인 변경 </a> </h3> <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-gray-700 dark:text-gray-300 font-medium"> <span> <div class="relative inline-block member-sideview-wrapper" x-data="{ open_sideview_cnplus114_692dd92d94737: 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_cnplus114_692dd92d94737 = !open_sideview_cnplus114_692dd92d94737" class="member-display cursor-pointer hover:text-blue-600 dark:hover:text-blue-400" data-mb-id="cnplus114" data-name="cnplus114"><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-cnplus114" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:hsl(169, 79%, 46%);stop-opacity:1" /><stop offset="100%" style="stop-color:hsl(199, 79%, 41%);stop-opacity:1" /></linearGradient></defs><circle cx="50" cy="50" r="50" fill="url(#grad-list-cnplus114)" /><text x="50" y="50" font-size="45" fill="white" text-anchor="middle" dy=".35em" font-weight="bold" font-family="sans-serif">c</text></svg><span class="align-middle">cnplus114</span></span><div x-show="open_sideview_cnplus114_692dd92d94737" @click.away="open_sideview_cnplus114_692dd92d94737 = 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/81bdab12-ae3e-411e-9587-f363e5372366" 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=81bdab12-ae3e-411e-9587-f363e5372366" 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=81bdab12-ae3e-411e-9587-f363e5372366" 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 title="2025-10-02 (목) 14:07:03" class="cursor-help">2개월 전</span> <span>조회 89</span> </div> <div class="flex flex-wrap gap-2 mt-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%98%81%EC%B9%B4%ED%8A%B85" class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-qa-primary-light/10 dark:bg-qa-primary-dark/10 text-qa-primary-light dark:text-qa-primary-dark hover:bg-qa-primary-light/20 dark:hover:bg-qa-primary-dark/20"> 영카트5 </a> </div> </div> <div class="ml-4 flex flex-col items-center gap-2"> <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200"> <svg class="w-3 h-3 mr-1" 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"/> </svg> 채택 </span> </div> </div> </div> </div> <div class="px-6 py-4 border-t border-gray-200 dark:border-gray-700"> <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> <!-- Mobile Pagination --> <div class="flex flex-1 justify-between items-center sm:hidden"> <span class="relative inline-flex items-center px-3 py-2 text-sm font-medium text-gray-500 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 cursor-default leading-5 rounded-md"> 이전 </span> <div class="flex items-center space-x-1 text-sm"> <input type="number" min="1" max="6465" value="1" class="w-12 px-2 py-1 text-center text-sm border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500" onchange=" let page = parseInt(this.value); if (page < 1) page = 1; if (page > 6465) page = 6465; const params = new URLSearchParams(window.location.search); params.set('page', page); window.location.href = window.location.pathname + '?' + params.toString(); " onkeypress=" if (event.key === 'Enter') { let page = parseInt(this.value); if (page < 1) page = 1; if (page > 6465) page = 6465; const params = new URLSearchParams(window.location.search); params.set('page', page); window.location.href = window.location.pathname + '?' + params.toString(); } " > <span class="text-gray-700 dark:text-gray-200">/ 6465</span> </div> <a href="https://new-sir.gnuboard.net/questions/133737?page=2" class="relative inline-flex items-center px-3 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 leading-5 rounded-md hover:text-gray-500 dark:hover:text-gray-400 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-600 focus:border-blue-300 active:bg-gray-100 dark:active:bg-gray-700 active:text-gray-700 dark:active:text-gray-200 transition ease-in-out duration-150"> 다음 </a> </div> <!-- Desktop Pagination --> <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> <div> <p class="text-sm text-gray-700 dark:text-gray-300 leading-5"> 전체 <span class="font-medium">129285</span>개 중 <span class="font-medium">1</span>-<span class="font-medium">20</span>번째 </p> </div> <div> <span class="relative z-0 inline-flex shadow-sm rounded-md"> <span aria-disabled="true" aria-label="pagination.previous"> <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 cursor-default rounded-l-md leading-5" aria-hidden="true"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> </span> </span> <span aria-current="page"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-gray-50 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 cursor-default leading-5">1</span> </span> <a href="https://new-sir.gnuboard.net/questions/133737?page=2" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 leading-5 hover:text-gray-500 dark:hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-600 focus:border-blue-300 active:bg-gray-100 dark:active:bg-gray-700 active:text-gray-700 dark:active:text-gray-200 transition ease-in-out duration-150" aria-label="Go to page 2"> 2 </a> <a href="https://new-sir.gnuboard.net/questions/133737?page=3" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 leading-5 hover:text-gray-500 dark:hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-600 focus:border-blue-300 active:bg-gray-100 dark:active:bg-gray-700 active:text-gray-700 dark:active:text-gray-200 transition ease-in-out duration-150" aria-label="Go to page 3"> 3 </a> <a href="https://new-sir.gnuboard.net/questions/133737?page=4" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 leading-5 hover:text-gray-500 dark:hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-600 focus:border-blue-300 active:bg-gray-100 dark:active:bg-gray-700 active:text-gray-700 dark:active:text-gray-200 transition ease-in-out duration-150" aria-label="Go to page 4"> 4 </a> <a href="https://new-sir.gnuboard.net/questions/133737?page=5" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 leading-5 hover:text-gray-500 dark:hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-600 focus:border-blue-300 active:bg-gray-100 dark:active:bg-gray-700 active:text-gray-700 dark:active:text-gray-200 transition ease-in-out duration-150" aria-label="Go to page 5"> 5 </a> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 cursor-default leading-5">...</span> <a href="https://new-sir.gnuboard.net/questions/133737?page=6465" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 leading-5 hover:text-gray-500 dark:hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-600 focus:border-blue-300 active:bg-gray-100 dark:active:bg-gray-700 active:text-gray-700 dark:active:text-gray-200 transition ease-in-out duration-150"> 6465 </a> <a href="https://new-sir.gnuboard.net/questions/133737?page=2" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-r-md leading-5 hover:text-gray-400 dark:hover:text-gray-300 focus:z-10 focus:outline-none focus:ring ring-gray-300 dark:ring-gray-600 focus:border-blue-300 active:bg-gray-100 dark:active:bg-gray-700 active:text-gray-500 dark:active:text-gray-400 transition ease-in-out duration-150" aria-label="pagination.next"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> </svg> </a> </span> </div> </div> </nav> </div> </div> </div> </div> <!-- Sidebar Component --> <!-- Sidebar --> <aside class="hidden lg:block w-80 flex-shrink-0 self-start"> <!-- 지금 질문하기 버튼 --> <div class="mb-4"> <a href="https://new-sir.gnuboard.net/questions/create" class="flex items-center justify-center gap-2 w-full px-4 py-3 bg-gradient-to-r from-qa-gradient-from-light to-qa-gradient-to-light dark:from-qa-gradient-from-dark dark:to-qa-primary-dark hover:from-qa-accent-light hover:to-qa-primary-light dark:hover:from-qa-primary-dark dark:hover:to-qa-gradient-to-dark text-qa-btn-primary-text-light dark:text-qa-btn-primary-text-dark font-medium rounded-lg shadow-md transition-all duration-200"> <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path> </svg> 지금 질문하기 </a> </div> <!-- 질문하는방법 --> <div class="bg-qa-card-bg-light dark:bg-qa-card-bg-dark rounded-lg shadow-sm p-6 mb-4"> <h3 class="text-lg font-bold text-qa-heading-light dark:text-qa-heading-dark mb-4"> <a href="https://new-sir.gnuboard.net/questions/howto" class="hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark transition-colors"> 질문하는방법 </a> </h3> <div class="space-y-3 text-sm"> <div class="flex justify-between items-center"> <a href="https://new-sir.gnuboard.net/questions" class="text-qa-link-light dark:text-qa-link-dark hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark">모든질문</a> <span class="font-semibold text-qa-heading-light dark:text-qa-heading-dark">129,285</span> </div> <div class="flex justify-between items-center"> <a href="https://new-sir.gnuboard.net/questions?unanswered=1" class="text-qa-link-light dark:text-qa-link-dark hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark">답변없는질문</a> <span class="font-semibold text-qa-heading-light dark:text-qa-heading-dark">6</span> </div> <div class="flex justify-between items-center"> <a href="https://new-sir.gnuboard.net/questions?unadopted=1" class="text-qa-link-light dark:text-qa-link-dark hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark">미채택된질문</a> <span class="font-semibold text-qa-heading-light dark:text-qa-heading-dark">18,378</span> </div> <div class="flex justify-between items-center"> <a href="https://new-sir.gnuboard.net/questions?adopted=1" class="text-qa-link-light dark:text-qa-link-dark hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark">채택된질문</a> <span class="font-semibold text-qa-heading-light dark:text-qa-heading-dark">101,681</span> </div> </div> <h4 class="text-sm font-semibold text-qa-heading-light dark:text-qa-heading-dark mt-6 mb-3">모든답변</h4> <div class="space-y-3 text-sm"> <div class="flex items-center gap-2"> <span class="inline-flex items-center justify-center w-6 h-6 bg-qa-icon-badge-bg-light dark:bg-qa-icon-badge-bg-dark text-xs font-medium text-qa-icon-badge-text-light dark:text-qa-icon-badge-text-dark rounded">5</span> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="text-qa-link-light dark:text-qa-link-dark hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark">그누보드5</a> <span class="ml-auto font-semibold text-qa-heading-light dark:text-qa-heading-dark">62,905</span> </div> <div class="flex justify-between items-center pl-8"> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%98%81%EC%B9%B4%ED%8A%B85" class="text-qa-link-light dark:text-qa-link-dark hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark">영카트5</a> <span class="font-semibold text-qa-heading-light dark:text-qa-heading-dark">17,535</span> </div> </div> <h4 class="text-sm font-semibold text-qa-heading-light dark:text-qa-heading-dark mt-6 mb-3"> <a href="https://new-sir.gnuboard.net/questions/tags" class="hover:text-qa-link-hover-light dark:hover:text-qa-link-hover-dark transition-colors"> 태그전체보기 </a> </h4> <div class="space-y-3 text-sm"> </div> </div> <!-- 관심태그 --> <div class="bg-qa-card-bg-light dark:bg-qa-card-bg-dark rounded-lg shadow-sm p-6 mb-4"> <h3 class="text-lg font-bold text-qa-heading-light dark:text-qa-heading-dark mb-4">관심태그</h3> <div class="flex flex-wrap gap-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%98%81%EC%B9%B4%ED%8A%B85" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #영카트5 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C4" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누보드4 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%98%81%EC%B9%B4%ED%8A%B84" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #영카트4 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%A0%95%EA%B7%9C%EC%8B%9D" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #정규식 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%ED%85%8C%EB%A7%88" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #테마 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누보드5 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EB%84%A4%EC%9D%B4%EB%B2%84%ED%8E%98%EC%9D%B4" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #네이버페이 </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EC%BB%A4%EB%A8%B8%EC%8A%A4" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누커머스 </a> <a href="https://new-sir.gnuboard.net/questions?tag=php" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #php </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C6" class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-full transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누보드6 </a> </div> </div> <!-- 인기태그 --> <div class="bg-qa-card-bg-light dark:bg-qa-card-bg-dark rounded-lg shadow-sm p-6"> <h3 class="text-lg font-bold text-qa-heading-light dark:text-qa-heading-dark mb-4">인기태그</h3> <div class="flex flex-wrap gap-2"> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누보드5 <span class="text-[10px] opacity-75">(62,905)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%98%81%EC%B9%B4%ED%8A%B85" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #영카트5 <span class="text-[10px] opacity-75">(17,535)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=php" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #php <span class="text-[10px] opacity-75">(15,830)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C4" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누보드4 <span class="text-[10px] opacity-75">(10,649)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B2%8C%EC%8B%9C%ED%8C%90" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #게시판 <span class="text-[10px] opacity-75">(3,273)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=javascript" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #javascript <span class="text-[10px] opacity-75">(2,678)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누보드 <span class="text-[10px] opacity-75">(2,463)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=css" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #css <span class="text-[10px] opacity-75">(2,129)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=mysql" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #mysql <span class="text-[10px] opacity-75">(1,556)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%98%81%EC%B9%B4%ED%8A%B8" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #영카트 <span class="text-[10px] opacity-75">(1,295)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EB%AA%A8%EB%B0%94%EC%9D%BC" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #모바일 <span class="text-[10px] opacity-75">(1,293)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EA%B7%B8%EB%88%84%EC%BB%A4%EB%A8%B8%EC%8A%A4" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-interest-bg-light dark:bg-qa-tag-interest-bg-dark text-qa-tag-interest-text-light dark:text-qa-tag-interest-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #그누커머스 <span class="text-[10px] opacity-75">(1,178)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=html" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #html <span class="text-[10px] opacity-75">(1,133)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=jquery" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #jquery <span class="text-[10px] opacity-75">(1,027)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%B5%9C%EC%8B%A0%EA%B8%80" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #최신글 <span class="text-[10px] opacity-75">(970)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #자바스크립트 <span class="text-[10px] opacity-75">(953)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=DB" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #DB <span class="text-[10px] opacity-75">(850)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EB%A1%9C%EA%B7%B8%EC%9D%B8" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #로그인 <span class="text-[10px] opacity-75">(821)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%9D%B4%EB%AF%B8%EC%A7%80" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #이미지 <span class="text-[10px] opacity-75">(785)</span> </a> <a href="https://new-sir.gnuboard.net/questions?tag=%EC%97%AC%EB%B6%84%ED%95%84%EB%93%9C" class="inline-flex items-center gap-1 px-2.5 py-1 text-xs rounded transition-colors bg-qa-tag-bg-light dark:bg-qa-tag-bg-dark text-qa-tag-text-light dark:text-qa-tag-text-dark hover:bg-qa-tag-hover-light dark:hover:bg-qa-tag-hover-dark " title="태그 추가"> #여분필드 <span class="text-[10px] opacity-75">(784)</span> </a> </div> </div> </aside> </div> </div> <!-- Share Modal --> <div id="share-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden"> <div class="flex items-center justify-center min-h-screen p-4"> <div class="bg-white dark:bg-gray-800 rounded-lg max-w-md w-full p-6"> <div class="flex items-center justify-between mb-4"> <h3 class="text-lg font-medium text-gray-900 dark:text-white">공유하기</h3> <button onclick="closeShareModal()" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <div class="flex items-center gap-4"> <a href="#" id="facebook-share" target="_blank" class="flex items-center justify-center w-12 h-12 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"> <i class="fa fa-facebook"></i> </a> <a href="#" id="twitter-share" target="_blank" class="flex items-center justify-center w-12 h-12 bg-blue-400 text-white rounded-lg hover:bg-blue-500 transition-colors"> <i class="fa fa-twitter"></i> </a> <button onclick="copyToClipboard()" class="flex items-center justify-center w-12 h-12 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors"> <i class="fa fa-link"></i> </button> </div> </div> </div> </div> <!-- 신고 모달 다이얼로그 --> <div id="sir_react_singod" style="display: none;"> <p>이 게시물을 신고 하시겠습니까?<br>신고사유를 선택해주세요.</p> <ul class="space-y-2"> <li> <input type="radio" name="rdo_reason" id="rdo_reason_ad" value="광고"> <label for="rdo_reason_ad" class="ml-2">광고성 게시물</label> </li> <li> <input type="radio" name="rdo_reason" id="rdo_reason_ob" value="음란"> <label for="rdo_reason_ob" class="ml-2">음란성 게시물</label> </li> <li> <input type="radio" name="rdo_reason" id="rdo_reason_ha" value="혐오"> <label for="rdo_reason_ha" class="ml-2">상대방 비방 및 혐오</label> </li> <li> <input type="radio" name="rdo_reason" id="rdo_reason_etc" value="기타"> <label for="rdo_reason_etc" class="ml-2">기타</label> <div class="mt-2"> <label for="sg_reason" class="block text-sm text-gray-600 dark:text-gray-400">기타 신고사유</label> <input type="text" name="sg_reason" id="sg_reason" class="mt-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="10글자 이상 입력해주세요"> </div> </li> </ul> </div> <script> document.addEventListener('DOMContentLoaded', function() { // 좋아요 기능 const voteGoodBtn = document.getElementById('vote-good-btn'); if (voteGoodBtn) { voteGoodBtn.addEventListener('click', function() { const wrId = this.dataset.wrId; const countSpan = this.querySelector('.vote-good-count'); const textSpan = this.querySelector('.vote-good-text'); const isVoted = textSpan.textContent === '좋아요됨'; if (this.disabled) return; this.disabled = true; this.classList.add('opacity-50'); fetch(`/questions/${wrId}/vote`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ type: 'good' }) }) .then(response => response.json()) .then(data => { if (data.success) { countSpan.textContent = data.good_count; if (data.user_vote === null) { // 취소된 경우 textSpan.textContent = '좋아요'; this.classList.remove('bg-blue-100', 'dark:bg-blue-900', 'text-blue-700', 'dark:text-blue-300'); this.classList.add('bg-green-100', 'dark:bg-green-900', 'text-green-700', 'dark:text-green-300', 'hover:bg-green-200', 'dark:hover:bg-green-800'); } else { // 투표된 경우 textSpan.textContent = '좋아요됨'; this.classList.remove('bg-green-100', 'dark:bg-green-900', 'text-green-700', 'dark:text-green-300', 'hover:bg-green-200', 'dark:hover:bg-green-800'); this.classList.add('bg-blue-100', 'dark:bg-blue-900', 'text-blue-700', 'dark:text-blue-300'); } console.log('Success message:', data.message); showMessage(data.message, 'success'); } else { console.log('Error message:', data.error); showMessage(data.error || '좋아요에 실패했습니다.', 'error'); } this.disabled = false; this.classList.remove('opacity-50'); }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); this.disabled = false; this.classList.remove('opacity-50'); }); }); } // 싫어요 기능 const voteNogoodBtn = document.getElementById('vote-nogood-btn'); if (voteNogoodBtn) { voteNogoodBtn.addEventListener('click', function() { const wrId = this.dataset.wrId; const countSpan = this.querySelector('.vote-nogood-count'); const textSpan = this.querySelector('.vote-nogood-text'); const isVoted = textSpan.textContent === '싫어요됨'; if (this.disabled) return; this.disabled = true; this.classList.add('opacity-50'); fetch(`/questions/${wrId}/vote`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ type: 'nogood' }) }) .then(response => response.json()) .then(data => { if (data.success) { countSpan.textContent = data.nogood_count; if (data.user_vote === null) { // 취소된 경우 textSpan.textContent = '싫어요'; this.classList.remove('bg-orange-100', 'dark:bg-orange-900', 'text-orange-700', 'dark:text-orange-300'); this.classList.add('bg-red-100', 'dark:bg-red-900', 'text-red-700', 'dark:text-red-300', 'hover:bg-red-200', 'dark:hover:bg-red-800'); } else { // 투표된 경우 textSpan.textContent = '싫어요됨'; this.classList.remove('bg-red-100', 'dark:bg-red-900', 'text-red-700', 'dark:text-red-300', 'hover:bg-red-200', 'dark:hover:bg-red-800'); this.classList.add('bg-orange-100', 'dark:bg-orange-900', 'text-orange-700', 'dark:text-orange-300'); } console.log('Success message:', data.message); showMessage(data.message, 'success'); } else { console.log('Error message:', data.error); showMessage(data.error || '싫어요에 실패했습니다.', 'error'); } this.disabled = false; this.classList.remove('opacity-50'); }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); this.disabled = false; this.classList.remove('opacity-50'); }); }); } // 스크랩 기능 const scrapBtn = document.getElementById('scrap-btn'); if (scrapBtn) { scrapBtn.addEventListener('click', function() { const wrId = this.dataset.wrId; const countSpan = this.querySelector('.scrap-count'); this.disabled = true; this.classList.add('opacity-50'); fetch(`/questions/${wrId}/scrap`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' } }) .then(response => response.json()) .then(data => { if (data.success) { countSpan.textContent = `(${data.count})`; const textSpan = this.querySelector('.scrap-text'); const iconSpan = this.querySelector('i'); // 스크랩된 상태로 변경 textSpan.textContent = '스크랩됨'; iconSpan.className = 'fa fa-bookmark mr-1'; this.classList.remove('bg-gray-100', 'dark:bg-gray-700', 'text-gray-700', 'dark:text-gray-300', 'hover:bg-gray-200', 'dark:hover:bg-gray-600'); this.classList.add('bg-yellow-100', 'dark:bg-yellow-900', 'text-yellow-700', 'dark:text-yellow-300'); // 스크랩 후 버튼 비활성화 this.disabled = true; showMessage(data.message, 'success'); } else { showMessage(data.error || '스크랩에 실패했습니다.', 'error'); } this.disabled = false; this.classList.remove('opacity-50'); }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); this.disabled = false; this.classList.remove('opacity-50'); }); }); } // 신고 기능 document.querySelectorAll('button[id^=qa_singo-]').forEach(button => { button.addEventListener('click', function() { const idParts = this.id.split('-'); const bo_table = idParts[1]; const wr_id = idParts[2]; const radios_reason = ["#rdo_reason_ad", "#rdo_reason_ob", "#rdo_reason_ha", "#rdo_reason_etc"]; // 모달 다이얼로그 표시 const modal = document.getElementById('sir_react_singod'); modal.style.display = 'block'; modal.style.position = 'fixed'; modal.style.top = '50%'; modal.style.left = '50%'; modal.style.transform = 'translate(-50%, -50%)'; modal.style.backgroundColor = 'white'; modal.style.padding = '20px'; modal.style.borderRadius = '8px'; modal.style.boxShadow = '0 4px 6px rgba(0, 0, 0, 0.1)'; modal.style.zIndex = '1000'; modal.style.minWidth = '400px'; // 배경 오버레이 const overlay = document.createElement('div'); overlay.style.position = 'fixed'; overlay.style.top = '0'; overlay.style.left = '0'; overlay.style.width = '100%'; overlay.style.height = '100%'; overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; overlay.style.zIndex = '999'; document.body.appendChild(overlay); // 신고하기 버튼 const reportBtn = document.createElement('button'); reportBtn.textContent = '신고하기'; reportBtn.className = 'px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 mr-2'; reportBtn.addEventListener('click', function() { let r_checked = false; let reason = ''; radios_reason.forEach(radioId => { if (document.querySelector(radioId).checked) { r_checked = true; if (radioId === '#rdo_reason_etc') { const customReason = document.getElementById('sg_reason').value.trim(); if (customReason.length < 10) { alert('기타 선택시 신고사유를 10글자 이상 입력하십시오.'); return; } reason = customReason; } else { reason = document.querySelector(radioId).value; } } }); if (!r_checked) { alert('신고사유를 선택하세요.'); return; } // 신고 요청 fetch(`/questions/${wr_id}/singo`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ bo_table: bo_table, reason: reason, q_mode: 'singo' }) }) .then(response => response.json()) .then(data => { if (data.error) { alert(data.error); return; } // 모달 닫기 modal.style.display = 'none'; document.body.removeChild(overlay); // 신고 카운트 업데이트 const countElement = document.querySelector(`#qa_singo-${bo_table}-${wr_id} .singo-count`); if (countElement) { countElement.textContent = data.count; } // 버튼 비활성화 button.disabled = true; button.classList.add('opacity-50'); alert(data.message); }) .catch(error => { console.error('Error:', error); alert('신고 처리 중 오류가 발생했습니다.'); }); }); // 취소 버튼 const cancelBtn = document.createElement('button'); cancelBtn.textContent = '취소'; cancelBtn.className = 'px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600'; cancelBtn.addEventListener('click', function() { modal.style.display = 'none'; document.body.removeChild(overlay); }); // 기존 버튼들 제거 const existingButtons = modal.querySelectorAll('button'); existingButtons.forEach(btn => btn.remove()); // 버튼들 추가 const buttonContainer = document.createElement('div'); buttonContainer.className = 'mt-4 text-right'; buttonContainer.appendChild(reportBtn); buttonContainer.appendChild(cancelBtn); modal.appendChild(buttonContainer); // 오버레이 클릭 시 닫기 overlay.addEventListener('click', function() { modal.style.display = 'none'; document.body.removeChild(overlay); }); }); }); // 공유 기능 const shareBtn = document.getElementById('share-btn'); if (shareBtn) { shareBtn.addEventListener('click', function() { const shareModal = document.getElementById('share-modal'); const currentUrl = window.location.href; const title = document.title; // SNS 공유 링크 설정 const facebookUrl = `https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(currentUrl)}`; const twitterUrl = `https://twitter.com/intent/tweet?url=${encodeURIComponent(currentUrl)}&text=${encodeURIComponent(title)}`; document.getElementById('facebook-share').href = facebookUrl; document.getElementById('twitter-share').href = twitterUrl; shareModal.classList.remove('hidden'); }); } // 메시지 표시 함수 }); // 공유 모달 닫기 function closeShareModal() { document.getElementById('share-modal').classList.add('hidden'); } // 클립보드에 복사 function copyToClipboard() { navigator.clipboard.writeText(window.location.href).then(function() { showMessage('링크가 클립보드에 복사되었습니다.', 'success'); closeShareModal(); }); } // Image preview function function previewImage(imageUrl, filename) { // Create modal overlay const overlay = document.createElement('div'); overlay.className = 'fixed inset-0 bg-black bg-opacity-75 z-50 flex items-center justify-center p-4'; overlay.onclick = function() { document.body.removeChild(overlay); }; // Create modal content const modal = document.createElement('div'); modal.className = 'bg-white dark:bg-gray-800 rounded-lg max-w-4xl max-h-full overflow-auto'; modal.onclick = function(e) { e.stopPropagation(); }; modal.innerHTML = ` <div class="p-4 border-b border-gray-200 dark:border-gray-700"> <div class="flex items-center justify-between"> <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">${filename}</h3> <button onclick="document.body.removeChild(this.closest('.fixed'))" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> <div class="p-4"> <img src="${imageUrl}" alt="${filename}" class="max-w-full h-auto rounded-lg shadow-lg"> </div> `; overlay.appendChild(modal); document.body.appendChild(overlay); } // 메시지 표시 함수 function showMessage(message, type = 'info') { console.log('showMessage called:', message, type); // 기존 메시지 제거 const existingMessage = document.querySelector('.message-toast'); if (existingMessage) { existingMessage.remove(); } // 새 메시지 생성 const messageDiv = document.createElement('div'); messageDiv.className = 'message-toast fixed top-4 right-4 z-50 px-6 py-3 rounded-lg shadow-lg transition-all duration-300'; if (type === 'success') { messageDiv.className += ' bg-green-500 text-white'; } else if (type === 'error') { messageDiv.className += ' bg-red-500 text-white'; } else { messageDiv.className += ' bg-blue-500 text-white'; } messageDiv.textContent = message; document.body.appendChild(messageDiv); console.log('Message displayed:', messageDiv); // 3초 후 자동 제거 setTimeout(() => { if (messageDiv.parentNode) { messageDiv.style.opacity = '0'; messageDiv.style.transform = 'translateX(100%)'; setTimeout(() => { if (messageDiv.parentNode) { messageDiv.parentNode.removeChild(messageDiv); } }, 300); } }, 3000); } // 답변 작성 폼 처리 document.addEventListener('DOMContentLoaded', function() { // 답변 작성 폼 const answerForm = document.getElementById('answer-form-element'); if (answerForm) { answerForm.addEventListener('submit', function(e) { e.preventDefault(); // 기본 폼 제출 방지 // 중복 제출 방지 const submitBtn = this.querySelector('button[type="submit"]'); if (submitBtn.disabled) { return; } // 버튼 비활성화 submitBtn.disabled = true; submitBtn.textContent = '등록 중...'; // CKEditor 내용 가져오기 const content = CKEDITOR.instances.wr_content ? CKEDITOR.instances.wr_content.getData() : ''; // FormData 생성 const formData = new FormData(); formData.append('_token', document.querySelector('input[name="_token"]').value); formData.append('wr_qa_id', document.querySelector('input[name="wr_qa_id"]').value); formData.append('wr_content', content); // AJAX 요청 fetch('https://new-sir.gnuboard.net/questions/answer', { method: 'POST', body: formData, headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') } }) .then(response => response.json()) .then(data => { if (data.success) { // 성공 메시지 표시 showMessage('답변이 등록되었습니다.', 'success'); // 페이지 새로고침하여 새 답변 표시 window.location.reload(); } else { // 에러 메시지 표시 showMessage(data.message || '답변 등록 중 오류가 발생했습니다.', 'error'); // 버튼 복원 submitBtn.disabled = false; submitBtn.textContent = '답변 등록'; } }) .catch(error => { console.error('Error:', error); showMessage('답변 등록 중 오류가 발생했습니다.', 'error'); // 버튼 복원 submitBtn.disabled = false; submitBtn.textContent = '답변 등록'; }); }); } // URL 프래그먼트 처리 function handleFragment() { const hash = window.location.hash; if (hash === '#new-answer') { // URL에서 프래그먼트 제거 (히스토리 정리) history.replaceState(null, null, window.location.pathname + window.location.search); setTimeout(() => { // 답변 목록에서 가장 최근 답변 찾기 const answers = document.querySelectorAll('.answer-item'); if (answers.length > 0) { const lastAnswer = answers[answers.length - 1]; lastAnswer.scrollIntoView({ behavior: 'smooth', block: 'start' }); // 새 답변에 하이라이트 효과 추가 lastAnswer.style.backgroundColor = '#fef3c7'; lastAnswer.style.transition = 'background-color 0.3s ease'; setTimeout(() => { lastAnswer.style.backgroundColor = ''; }, 3000); } }, 500); } } // 페이지 로드 시 프래그먼트 처리 handleFragment(); // 해시 변경 이벤트 리스너 (브라우저 뒤로가기/앞으로가기 대응) window.addEventListener('hashchange', handleFragment); }); // 답변 좋아요/싫어요 기능 document.addEventListener('DOMContentLoaded', function() { // 답변 좋아요 버튼 document.querySelectorAll('.vote-good-btn').forEach(button => { if (button.id !== 'vote-good-btn') { // 질문 좋아요 버튼 제외 button.addEventListener('click', function() { const wrId = this.dataset.wrId; const countSpan = this.querySelector('.vote-good-count'); const textSpan = this.querySelector('.vote-good-text'); const isVoted = textSpan.textContent === '좋아요됨'; if (this.disabled) return; this.disabled = true; this.classList.add('opacity-50'); fetch(`/questions/${wrId}/vote`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ type: 'good' }) }) .then(response => response.json()) .then(data => { if (data.success) { countSpan.textContent = data.good_count; if (data.user_vote === null) { // 취소된 경우 textSpan.textContent = '좋아요'; this.classList.remove('bg-blue-100', 'dark:bg-blue-700', 'text-blue-700', 'dark:text-blue-300'); this.classList.add('bg-gray-100', 'dark:bg-gray-700', 'text-gray-700', 'dark:text-gray-300', 'hover:bg-gray-200', 'dark:hover:bg-gray-600'); } else { // 투표된 경우 textSpan.textContent = '좋아요됨'; this.classList.remove('bg-gray-100', 'dark:bg-gray-700', 'text-gray-700', 'dark:text-gray-300', 'hover:bg-gray-200', 'dark:hover:bg-gray-600'); this.classList.add('bg-blue-100', 'dark:bg-blue-700', 'text-blue-700', 'dark:text-blue-300'); } showMessage(data.message, 'success'); } else { showMessage(data.error || '좋아요에 실패했습니다.', 'error'); } this.disabled = false; this.classList.remove('opacity-50'); }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); this.disabled = false; this.classList.remove('opacity-50'); }); }); } }); // 답변 싫어요 버튼 document.querySelectorAll('.vote-nogood-btn').forEach(button => { if (button.id !== 'vote-nogood-btn') { // 질문 싫어요 버튼 제외 button.addEventListener('click', function() { const wrId = this.dataset.wrId; const countSpan = this.querySelector('.vote-nogood-count'); const textSpan = this.querySelector('.vote-nogood-text'); const isVoted = textSpan.textContent === '싫어요됨'; if (this.disabled) return; this.disabled = true; this.classList.add('opacity-50'); fetch(`/questions/${wrId}/vote`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' }, body: JSON.stringify({ type: 'nogood' }) }) .then(response => response.json()) .then(data => { if (data.error === '') { countSpan.textContent = data.count; if (data.cancle_vote === 'cancle') { // 취소된 경우 textSpan.textContent = '싫어요'; this.classList.remove('bg-orange-100', 'dark:bg-orange-700', 'text-orange-700', 'dark:text-orange-300'); this.classList.add('bg-gray-100', 'dark:bg-gray-700', 'text-gray-700', 'dark:text-gray-300', 'hover:bg-gray-200', 'dark:hover:bg-gray-600'); } else { // 투표된 경우 textSpan.textContent = '싫어요됨'; this.classList.remove('bg-gray-100', 'dark:bg-gray-700', 'text-gray-700', 'dark:text-gray-300', 'hover:bg-gray-200', 'dark:hover:bg-gray-600'); this.classList.add('bg-orange-100', 'dark:bg-orange-700', 'text-orange-700', 'dark:text-orange-300'); } showMessage(data.message, 'success'); } else { showMessage(data.error || '싫어요에 실패했습니다.', 'error'); } this.disabled = false; this.classList.remove('opacity-50'); }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); this.disabled = false; this.classList.remove('opacity-50'); }); }); } }); // 채택 버튼 document.querySelectorAll('.adopt-btn').forEach(button => { button.addEventListener('click', function() { const questionId = this.dataset.questionId; const answerId = this.dataset.answerId; if (!confirm('이 답변을 채택하시겠습니까?\n\n채택된 답변은 변경할 수 없습니다.')) { return; } fetch(`/questions/${questionId}/adopt/${answerId}`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') } }) .then(response => response.json()) .then(data => { if (data.success) { showMessage(data.message, 'success'); // 페이지 새로고침하여 채택 상태 반영 setTimeout(() => { location.reload(); }, 1500); } else { showMessage(data.error || '채택에 실패했습니다.', 'error'); } }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); }); }); }); // 채택 취소 버튼 document.querySelectorAll('.unadopt-btn').forEach(button => { button.addEventListener('click', function() { const questionId = this.dataset.questionId; if (!confirm('채택을 취소하시겠습니까?\n\n채택된 답변 작성자에게 지급된 포인트가 회수됩니다.')) { return; } fetch(`/questions/${questionId}/unadopt`, { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') } }) .then(response => response.json()) .then(data => { if (data.success) { showMessage(data.message, 'success'); // 페이지 새로고침하여 채택 취소 상태 반영 setTimeout(() => { location.reload(); }, 1500); } else { showMessage(data.error || '채택 취소에 실패했습니다.', 'error'); } }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); }); }); }); // 댓글 작성 document.querySelectorAll('.comment-form-element').forEach(form => { form.addEventListener('submit', function(e) { e.preventDefault(); // 중복 제출 방지 const submitBtn = this.querySelector('button[type="submit"]'); if (submitBtn.disabled) { return; } const parentId = this.dataset.parentId; const content = this.querySelector('textarea[name="wr_content"]').value.trim(); if (!content) { showMessage('댓글 내용을 입력해주세요.', 'error'); return; } // 버튼 비활성화 submitBtn.disabled = true; submitBtn.textContent = '등록 중...'; const formData = new FormData(); formData.append('wr_qa_id', parentId); formData.append('wr_content', content); formData.append('_token', document.querySelector('meta[name="csrf-token"]').getAttribute('content')); fetch('/questions/comment', { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.success) { showMessage(data.message, 'success'); // 페이지 새로고침하여 댓글 반영 setTimeout(() => { location.reload(); }, 1000); } else { showMessage(data.error || '댓글 등록에 실패했습니다.', 'error'); // 실패 시 버튼 다시 활성화 submitBtn.disabled = false; submitBtn.textContent = '댓글 등록'; } }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); // 오류 시 버튼 다시 활성화 submitBtn.disabled = false; submitBtn.textContent = '댓글 등록'; }); }); }); // 댓글 수정 document.querySelectorAll('.edit-comment-btn').forEach(button => { button.addEventListener('click', function() { const commentContainer = this.closest('.relative'); const commentContent = commentContainer.querySelector('.comment-content'); const editForm = commentContainer.querySelector('.comment-edit-form'); const textarea = editForm.querySelector('textarea'); // 편집 모드로 전환 commentContent.classList.add('hidden'); editForm.classList.remove('hidden'); textarea.focus(); }); }); // 댓글 저장 document.querySelectorAll('.comment-save-btn').forEach(button => { button.addEventListener('click', function() { const commentId = this.dataset.commentId; const commentContainer = this.closest('.relative'); const textarea = commentContainer.querySelector('textarea'); const newContent = textarea.value.trim(); if (!newContent) { showMessage('댓글 내용을 입력해주세요.', 'error'); return; } fetch(`/questions/comment/${commentId}`, { method: 'PUT', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') }, body: JSON.stringify({ wr_content: newContent }) }) .then(response => response.json()) .then(data => { if (data.success) { showMessage(data.message, 'success'); // 페이지 새로고침하여 수정된 댓글 반영 setTimeout(() => { location.reload(); }, 1000); } else { showMessage(data.error || '댓글 수정에 실패했습니다.', 'error'); } }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); }); }); }); // 댓글 수정 취소 document.querySelectorAll('.comment-cancel-btn').forEach(button => { button.addEventListener('click', function() { const commentContainer = this.closest('.relative'); const commentContent = commentContainer.querySelector('.comment-content'); const editForm = commentContainer.querySelector('.comment-edit-form'); const textarea = editForm.querySelector('textarea'); // 원래 내용으로 복원 textarea.value = commentContent.textContent.trim(); // 편집 모드 해제 editForm.classList.add('hidden'); commentContent.classList.remove('hidden'); }); }); // 댓글 삭제 document.querySelectorAll('.delete-comment-btn').forEach(button => { button.addEventListener('click', function() { const commentId = this.dataset.commentId; if (!confirm('정말로 이 댓글을 삭제하시겠습니까?')) { return; } fetch(`/questions/comment/${commentId}`, { method: 'DELETE', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') } }) .then(response => response.json()) .then(data => { if (data.success) { showMessage(data.message, 'success'); // 페이지 새로고침하여 삭제된 댓글 반영 setTimeout(() => { location.reload(); }, 1000); } else { showMessage(data.error || '댓글 삭제에 실패했습니다.', 'error'); } }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); }); }); }); // 대댓글 답글 버튼 클릭 document.querySelectorAll('.reply-comment-btn').forEach(button => { button.addEventListener('click', function() { const commentId = this.getAttribute('data-comment-id'); const commentAuthor = this.getAttribute('data-comment-author'); const replyForm = this.closest('.relative').querySelector('.reply-form'); const replyTarget = replyForm.querySelector('.reply-target'); // 다른 대댓글 폼들 숨기기 document.querySelectorAll('.reply-form').forEach(form => { if (form !== replyForm) { form.classList.add('hidden'); } }); // 현재 대댓글 폼 토글 replyForm.classList.toggle('hidden'); // 답글 대상 표시 replyTarget.textContent = `${commentAuthor}님에게 답글`; // 폼이 보이면 textarea에 포커스 if (!replyForm.classList.contains('hidden')) { const textarea = replyForm.querySelector('textarea'); textarea.focus(); } }); }); // 대댓글 취소 버튼 document.querySelectorAll('.reply-cancel-btn').forEach(button => { button.addEventListener('click', function() { const replyForm = this.closest('.reply-form'); const textarea = replyForm.querySelector('textarea'); // 내용 초기화 textarea.value = ''; // 폼 숨기기 replyForm.classList.add('hidden'); }); }); // 대댓글 등록 document.querySelectorAll('.reply-form-element').forEach(form => { form.addEventListener('submit', function(e) { e.preventDefault(); // 중복 제출 방지 const submitBtn = this.querySelector('button[type="submit"]'); if (submitBtn.disabled) { return; } const formData = new FormData(this); const parentId = this.getAttribute('data-parent-id'); const commentId = this.getAttribute('data-comment-id'); const textarea = this.querySelector('textarea[name="wr_content"]'); const content = textarea.value.trim(); if (!content) { showMessage('답글 내용을 입력해주세요.', 'error'); return; } // 버튼 비활성화 submitBtn.disabled = true; submitBtn.textContent = '등록 중...'; // 답글 대상 정보 추가 formData.append('wr_comment_reply', commentId); formData.append('wr_qa_id', parentId); formData.append('parent_id', parentId); fetch(`/questions/comment`, { method: 'POST', body: formData, headers: { 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.json()) .then(data => { if (data.success) { showMessage('답글이 등록되었습니다.', 'success'); textarea.value = ''; this.closest('.reply-form').classList.add('hidden'); // 페이지 새로고침으로 새 답글 표시 setTimeout(() => { location.reload(); }, 1000); } else { showMessage(data.error || '답글 등록 중 오류가 발생했습니다.', 'error'); // 실패 시 버튼 다시 활성화 submitBtn.disabled = false; submitBtn.textContent = '답글 등록'; } }) .catch(error => { console.error('Error:', error); showMessage('네트워크 오류가 발생했습니다.', 'error'); // 오류 시 버튼 다시 활성화 submitBtn.disabled = false; submitBtn.textContent = '답글 등록'; }); }); }); }); // 프래그먼트 식별자 스크롤 처리 document.addEventListener('DOMContentLoaded', function() { // URL에 프래그먼트가 있는지 확인 if (window.location.hash) { const hash = window.location.hash.substring(1); // # 제거 const targetElement = document.getElementById(hash); if (targetElement) { // 약간의 지연 후 스크롤 (페이지 로딩 완료 후) setTimeout(() => { const headerHeight = 120; // 헤더 높이 + 여백 const elementPosition = targetElement.offsetTop; const offsetPosition = elementPosition - headerHeight; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); }, 100); } } }); // 답변 정렬 기능 document.addEventListener('DOMContentLoaded', function() { const sortSelect = document.getElementById('qa_sort_select'); if (sortSelect) { sortSelect.addEventListener('change', function() { const sortValue = this.value; const currentUrl = new URL(window.location); currentUrl.searchParams.set('vsst', sortValue); currentUrl.searchParams.set('vpage', '1'); // 정렬 변경 시 첫 페이지로 currentUrl.hash = '#qa_answer'; window.location.href = currentUrl.toString(); }); } }); // 답변 삭제 기능 document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.delete-answer-btn').forEach(button => { button.addEventListener('click', function() { const answerId = this.getAttribute('data-answer-id'); if (confirm('정말로 이 답변을 삭제하시겠습니까?')) { fetch(`/questions/${answerId}`, { method: 'DELETE', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content') } }) .then(response => response.json()) .then(data => { if (data.success) { // 답변 요소 제거 const answerElement = document.getElementById(`answer_${answerId}`); if (answerElement) { answerElement.remove(); } // 답변 수 업데이트 (전체 답변 수에서 1 감소) const answerCountElement = document.querySelector('h2'); if (answerCountElement) { const currentCount = parseInt(answerCountElement.textContent.match(/\d+/)[0]); answerCountElement.textContent = `답변 ${currentCount - 1}개`; } // 페이지 새로고침 (전체 답변 수와 페이징을 정확히 반영하기 위해) setTimeout(() => { window.location.reload(); }, 1000); showMessage('답변이 삭제되었습니다.', 'success'); } else { showMessage(data.message || '답변 삭제 중 오류가 발생했습니다.', 'error'); } }) .catch(error => { console.error('Error:', error); showMessage('답변 삭제 중 오류가 발생했습니다.', 'error'); }); } }); }); }); // 미채택 완료 function closeWithoutAdopt(questionId) { if (!confirm('답변을 채택하지 않고 질문을 완료하시겠습니까?\n\n이 작업은 취소할 수 없습니다.')) { return; } fetch(`/questions/${questionId}/close-without-adopt`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' } }) .then(response => response.json()) .then(data => { if (data.success) { showMessage('질문이 미채택 완료되었습니다.', 'success'); setTimeout(() => { window.location.reload(); }, 1500); } else { showMessage(data.error || '처리에 실패했습니다.', 'error'); } }) .catch(error => { console.error('Error:', error); showMessage('처리 중 오류가 발생했습니다.', 'error'); }); } // 재등록 function reregisterQuestion(questionId) { if (!confirm('이 질문을 재등록하시겠습니까?\n\n재등록하면 새로운 답변을 받을 수 있습니다.')) { return; } fetch(`/questions/${questionId}/reregister`, { method: 'POST', headers: { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'Content-Type': 'application/json', 'Accept': 'application/json' } }) .then(response => response.json()) .then(data => { if (data.success) { showMessage('질문이 재등록되었습니다.', 'success'); if (data.redirect) { setTimeout(() => { window.location.href = data.redirect; }, 1500); } else { setTimeout(() => { window.location.reload(); }, 1500); } } else { showMessage(data.error || '처리에 실패했습니다.', 'error'); } }) .catch(error => { console.error('Error:', error); showMessage('처리 중 오류가 발생했습니다.', 'error'); }); } // Prism.js용 코드 복사 기능 function copyCodePrism(button) { // 버튼의 부모 요소에서 코드 블록 찾기 const wrapper = button.closest('.code-block-wrapper'); const codeBlock = wrapper.querySelector('code'); const codeText = codeBlock.textContent; // 클립보드에 복사 navigator.clipboard.writeText(codeText).then(() => { // 버튼 텍스트 임시 변경 const originalHTML = button.innerHTML; const originalStyle = { background: button.style.background, borderColor: button.style.borderColor, color: button.style.color }; button.innerHTML = '<svg style="width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 4px;" fill="currentColor" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path></svg> Copied!'; button.style.background = 'rgba(72, 187, 120, 0.7)'; button.style.borderColor = 'rgba(72, 187, 120, 0.9)'; button.style.color = '#fff'; // 2초 후 원래 상태로 복구 setTimeout(() => { button.innerHTML = originalHTML; button.style.background = originalStyle.background; button.style.borderColor = originalStyle.borderColor; button.style.color = originalStyle.color; }, 2000); }).catch(err => { console.error('Failed to copy code:', err); // Fallback: 전통적인 복사 방법 사용 const textArea = document.createElement('textarea'); textArea.value = codeText; textArea.style.position = 'fixed'; textArea.style.left = '-999999px'; document.body.appendChild(textArea); textArea.select(); try { document.execCommand('copy'); // 성공 표시 const originalHTML = button.innerHTML; button.innerHTML = '<span style="margin-right: 4px;">✓</span> Copied!'; setTimeout(() => { button.innerHTML = originalHTML; }, 2000); } catch (err) { alert('코드 복사에 실패했습니다.'); } document.body.removeChild(textArea); }); } </script> </main> <!-- Footer --> <footer class="bg-brand-bg-light dark:bg-brand-bg-dark"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4"> <div class="flex flex-col sm:flex-row justify-between items-center gap-4"> <!-- Footer Text (Left/Center) --> <div class="text-center sm:text-left text-sm text-brand-neutral-light dark:text-brand-neutral-dark"> <p class="hidden md:block">(주)에스아이알소프트 | 사업자등록번호: 217-81-36347 | 대표: 홍석명</p> <p class="hidden md:block mt-1">서울특별시 강남구 테헤란로 322 한신인터밸리24 서관 1402호</p> <p class="mt-3 font-semibold">© 2025 SIRSOFT. All rights reserved.</p> </div> </div> </div> </footer> <!-- Floating Action Buttons --> <script> function toggleDarkMode() { const html = document.documentElement; const isDark = html.classList.contains('dark'); if (isDark) { html.classList.remove('dark'); localStorage.setItem('darkMode', 'false'); } else { html.classList.add('dark'); localStorage.setItem('darkMode', 'true'); } } function toggleProfileMenu() { const dropdown = document.getElementById('profileDropdown'); dropdown.classList.toggle('hidden'); } // Close profile dropdown when clicking outside document.addEventListener('click', function(event) { const dropdown = document.getElementById('profileDropdown'); const button = event.target.closest('button[onclick="toggleProfileMenu()"]'); if (!button && !dropdown?.contains(event.target)) { dropdown?.classList.add('hidden'); } }); function toggleMobileMenu() { const mobileMenu = document.getElementById('mobileMenu'); const hamburgerIcon = document.getElementById('hamburgerIcon'); const closeIcon = document.getElementById('closeIcon'); // 요소가 존재하는지 확인 if (!mobileMenu || !hamburgerIcon || !closeIcon) { console.error('Mobile menu elements not found:', { mobileMenu: !!mobileMenu, hamburgerIcon: !!hamburgerIcon, closeIcon: !!closeIcon }); return; } if (mobileMenu.classList.contains('hidden')) { // Open menu mobileMenu.classList.remove('hidden'); mobileMenu.style.opacity = '0'; mobileMenu.style.transform = 'translateY(-10px)'; setTimeout(() => { mobileMenu.style.transition = 'opacity 200ms ease-out, transform 200ms ease-out'; mobileMenu.style.opacity = '1'; mobileMenu.style.transform = 'translateY(0)'; }, 10); // Switch icons hamburgerIcon.classList.add('hidden'); closeIcon.classList.remove('hidden'); } else { // Close menu mobileMenu.style.opacity = '0'; mobileMenu.style.transform = 'translateY(-10px)'; setTimeout(() => { mobileMenu.classList.add('hidden'); mobileMenu.style.transition = ''; }, 200); // Switch icons hamburgerIcon.classList.remove('hidden'); closeIcon.classList.add('hidden'); } } function closeMobileMenu() { const mobileMenu = document.getElementById('mobileMenu'); const hamburgerIcon = document.getElementById('hamburgerIcon'); const closeIcon = document.getElementById('closeIcon'); mobileMenu?.classList.add('hidden'); hamburgerIcon?.classList.remove('hidden'); closeIcon?.classList.add('hidden'); // 모든 서브메뉴 닫기 document.querySelectorAll('.submenu').forEach(submenu => { submenu.style.maxHeight = '0'; }); document.querySelectorAll('.mobile-menu-item button svg').forEach(arrow => { arrow.classList.remove('rotate-180'); }); } function toggleMobileSubmenu(button) { // 부모 컨테이너에서 submenu 찾기 (버튼의 부모의 다음 형제) const parent = button.closest('.mobile-menu-item'); const submenu = parent.querySelector('.submenu'); const arrow = button.querySelector('svg'); if (!submenu) return; // 현재 상태 확인 const isOpen = submenu.style.maxHeight && submenu.style.maxHeight !== '0px'; if (isOpen) { // 닫기: max-height를 0으로 submenu.style.maxHeight = '0'; arrow.classList.remove('rotate-180'); } else { // 먼저 다른 열린 서브메뉴들을 모두 닫기 (한 번에 하나만 열리도록) document.querySelectorAll('.submenu').forEach(otherSubmenu => { if (otherSubmenu !== submenu) { otherSubmenu.style.maxHeight = '0'; const otherArrow = otherSubmenu.closest('.mobile-menu-item')?.querySelector('button svg'); if (otherArrow) { otherArrow.classList.remove('rotate-180'); } } }); // 열기: 실제 높이로 max-height 설정 const innerDiv = submenu.querySelector('div'); submenu.style.maxHeight = innerDiv.scrollHeight + 'px'; arrow.classList.add('rotate-180'); } } // Close mobile menu when clicking outside document.addEventListener('click', function(event) { const mobileMenu = document.getElementById('mobileMenu'); const menuButton = event.target.closest('button[onclick="toggleMobileMenu()"]'); const menuLink = event.target.closest('#mobileMenu'); if (!menuButton && !menuLink && !mobileMenu?.classList.contains('hidden')) { closeMobileMenu(); } }); </script> <!-- Alpine.js --> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> <!-- Floating Action Buttons --> <!-- Attendance Check Float Button --> <!-- Prism.js JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script> <!-- Core languages --> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-css.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-clike.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script> <!-- PHP requires markup-templating --> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-markup-templating.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-php.min.js"></script> <!-- Other languages --> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-json.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script> <!-- Plugins --> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/line-numbers/prism-line-numbers.min.js"></script> <script> // Prism.js 초기화 및 하이라이팅 새로고침 document.addEventListener('DOMContentLoaded', function() { // Prism.js 하이라이팅 적용 if (typeof Prism !== 'undefined') { Prism.highlightAll(); } }); </script> </body> </html>