HTML에서 `<noscript>` 태그의 용도는 무엇인가요?

_____

Q1: HTML에서 `

` 태그는 웹 페이지에서 자바스크립트가 비활성화되어 있거나 지원되지 않는 브라우저에서 대신 보여줄 콘텐츠를 정의하는 HTML 요소입니다. 즉, 자바스크립트가 작동하지 않을 때 사용자에게 안내 메시지나 대체 정보를 제공하기 위해 사용됩니다.<br /> <br /> Q2: `<noscript>` 태그는 언제 사용하나요? <br /> A2: 자바스크립트가 필요하지만 사용자의 브라우저에서 자바스크립트가 꺼져 있거나 지원하지 않을 경우, 해당 상황에 대비해 안내 문구나 대체 콘텐츠를 보여주고 싶을 때 사용합니다. 예를 들어, 기능 제한 안내, 업그레이드 권고, 또는 중요한 정보 제공에 활용됩니다.<br /> <br /> Q3: `<noscript>` 태그 안에 어떤 내용을 넣을 수 있나요? <br /> A3: 텍스트, HTML 요소(예: `<div>`, `<p>`, 이미지, 링크 등)을 자유롭게 넣을 수 있습니다. 단, 이 내용은 자바스크립트가 비활성일 때만 브라우저에 렌더링 됩니다.<br /> <br /> Q4: `<noscript>` 태그는 어디에 위치해야 하나요? <br /> A4: 일반적으로 `<body>` 요소 안에 위치시키며 원하는 위치에 배치할 수 있습니다. `<head>` 내부에 배치하면 일부 브라우저에서 제한적으로 동작할 수 있어 실무에서는 `<body>` 안에 넣는 것이 권장됩니다.<br /> <div class="mt-5 mb-5"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2624429866299436" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2624429866299436" data-ad-slot="5062790181" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> Q5: `<noscript>` 태그 내의 콘텐츠는 자바스크립트가 활성화되어 있으면 어떻게 되나요? <br /> A5: 자바스크립트가 활성화되어 정상 작동 중이라면 `<noscript>` 태그 내의 콘텐츠는 브라우저에 표시되지 않습니다. 즉, 숨겨진 상태가 됩니다.<br /> <br /> Q6: SEO(검색엔진 최적화) 관점에서 `<noscript>` 태그는 어떤 영향을 미치나요? <br /> A6: 검색엔진은 자바스크립트를 해석하지 못하거나 제한적으로 처리하기 때문에, `<noscript>` 태그 내에 중요한 텍스트 콘텐츠를 삽입하면 자바스크립트 없이도 정보 노출이 가능해 SEO에 긍정적인 영향을 줄 수 있습니다.<br /> <br /> Q7: `<noscript>` 태그 사용 시 주의할 점은 무엇인가요? <br /> A7: 너무 많은 정보를 `<noscript>`에 넣거나 자바스크립트 활성 여부에 따라 콘텐츠가 크게 달라질 경우 사용자 경험에 혼란이 있을 수 있으므로, 간결하고 명확한 안내 메시지를 제공하는 것이 좋습니다. 또한 주요 기능은 자바스크립트 의존성을 줄이는 접근성이 권장됩니다.<br /> <br /> ---<br /> <br /> 요약하자면, `<noscript>` 태그는 자바스크립트가 꺼져 있을 때 사용자에게 대체 콘텐츠나 안내 메시지를 보여주기 위한 HTML 요소로, 웹 접근성 및 SEO 측면에서 유용하게 활용됩니다. <div class="mt-5 mb-5"> <a href="18531" class="btn btn-primary w-100">HTML에서 스타일을 적용하는 방법은 무엇인가요?</a> </div> <div class="mt-5 mb-5"> <a href="18563" class="btn btn-primary w-100">HTML에서 `<data>` 태그는 어떤 정보를 담을 수 있나요?</a> </div> </div> <div class="mt-5"> <section> `<noscript>` 태그는 HTML에서 스크립트가 비활성화된 경우 또는 사용자의 브라우저가 JavaScript를 지원하지 않을 때 대체 콘텐츠를 제공하기 위해 사용됩니다. 이 태그는 웹 페이지에서 JavaScript가 실행되지 않을 때 사용자에게 보여줄 내용을 정의하는 데 유용합니다. `<noscript>` 태그의 주요 용도 1. 대체 콘텐츠 제공 : JavaScript가 비활성화된 환경에서 사용자에게 중요한 정보를 제공할 수 있습니다. 예를 들어, 웹사이트의 주요 기능이 JavaScript에 의존하는 경우, `<noscript>` 태그를 사용하여 사용자에게 해당 기능을 사용할 수 없음을 알리거나, 다른 방법으로 페이지를 이용할 수 있는 안내 메시지를 제공할 수 있습니다. 2. SEO(검색 엔진 최적화) : 검색 엔진 크롤러는 JavaScript를 실행하지 못할 수 있습니다. 따라서 `<noscript>` 태그를 사용하여 중요한 콘텐츠를 제공하면, 검색 엔진이 해당 내용을 인식하고 색인화하는 데 도움을 줄 수 있습니다. 이는 웹사이트의 가시성을 높이고 사용자에게 더 나은 경험을 제공하는 데 기여할 수 있습니다. 3. 접근성 향상 : 모든 사용자가 JavaScript를 사용할 수 있는 것은 아닙니다. 예를 들어, 특정 장애가 있는 사용자나 구형 브라우저를 사용하는 사용자는 JavaScript를 사용할 수 없을 수 있습니다. `<noscript>` 태그를 통해 이러한 사용자에게도 필요한 정보를 제공함으로써 웹 접근성을 향상시킬 수 있습니다. 4. <a href='https://sangseek.com/sangseeks/기본 기능/ko'>기본 기능</a> 제공 : JavaScript가 비활성화된 경우에도 웹 페이지가 최소한의 기능을 수행할 수 있도록 도와줍니다. 예를 들어, 폼 제출 기능이나 링크 등을 기본 HTML로 제공하여 사용자가 여전히 페이지를 탐색할 수 있도록 할 수 있습니다. 사용 예시 ```html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="<a href='https://sangseek.com/sangseeks/viewport/ko'>viewport</a>" content="width=device-width, initial-scale=1.0"> <title>예시 페이지</title> <script> // JavaScript 코드 document.<a href='https://sangseek.com/sangseeks/addEventListener/ko'>addEventListener</a>('DOMContentLoaded', function() { // 페이지가 로드되면 실행될 코드 console.log('JavaScript가 활성화되었습니다.'); }); </script> </head> <body> <h1><a href='https://sangseek.com/sangseeks/환영/ko'>환영</a>합니다!</h1> <p>이 페이지는 JavaScript를 사용하여 동적으로 콘텐츠를 로드합니다.</p> <noscript> <p><strong>경고:</strong> 이 페이지는 JavaScript를 필요로 합니다. JavaScript가 비활성화되어 있거나 지원되지 않는 브라우저를 사용하고 있습니다. 페이지의 모든 기능을 사용하려면 JavaScript를 활성화해 주세요.</p> </noscript> </body> </html> ``` 위의 예시에서 `<noscript>` 태그는 JavaScript가 비활성화된 경우 사용자에게 경고 메시지를 표시합니다. 이는 사용자가 페이지의 기능을 제대로 이용할 수 없음을 알리는 중요한 역할을 합니다. 결론 `<noscript>` 태그는 웹 개발에서 종종 간과되지만, 사용자의 경험을 향상시키고 웹사이트의 접근성을 높이는 데 중요한 역할을 합니다. JavaScript에 의존하는 웹 애플리케이션에서 이 태그를 적절히 활용하면, 모든 사용자가 웹 페이지를 보다 원활하게 이용할 수 있도록 도와줄 수 있습니다. </section> </div> </div> <div class="daum-wm-datetime mt-1 mb-3"> 작성자: 정지안 <small>[비회원]</small> | 작성일자: 1년 전 <span class="d-none">2024-09-09 08:40:21</span> <br> 조회수: 168 | 댓글: 0 | 좋아요: 0 | 싫어요: 0 </div> <div class="mt-3 mb-3"> <span class="text-danger">내용이 부정확하다면 싫어요를 클릭해주세요.</span> </div> <div class="d-flex flex-row"> <div class="pr-2"> <a href="https://sangseek.com/communities/edit/18567">수정</a> </div> <div class="pr-2"> <form action="https://sangseek.com/communities/18567/like" method="POST"> <input type="hidden" name="_token" value="akcqAu67VMsT2eZmshqgEi2oVTPvgt7SVFs0mLji" autocomplete="off"> <button type="submit"style="background: none; border: none; color: #3490dc; padding: 0; cursor: pointer;">좋아요</button> </form> </div> <div class="pr-2"> <form action="https://sangseek.com/communities/18567/dislike" method="POST"> <input type="hidden" name="_token" value="akcqAu67VMsT2eZmshqgEi2oVTPvgt7SVFs0mLji" autocomplete="off"> <button type="submit"style="background: none; border: none; color: #3490dc; padding: 0; cursor: pointer;">싫어요</button> </form> </div> <div class="pr-2"> <button type="button" data-toggle="modal" data-target="#reportBtn" style="background: none; border: none; color: #3490dc; padding: 0; cursor: pointer;"> 신고 </button>  <div class="modal fade" id="reportBtn" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">신고하기</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form method="POST" action="https://sangseek.com/contacts"> <input type="hidden" name="_token" value="akcqAu67VMsT2eZmshqgEi2oVTPvgt7SVFs0mLji" autocomplete="off"> <div id="my_name_KuSjAENsCOQnuyp8_wrap" style="display: none" aria-hidden="true"> <input id="my_name_KuSjAENsCOQnuyp8" name="my_name_KuSjAENsCOQnuyp8" type="text" value="" autocomplete="nope" tabindex="-1"> <input name="valid_from" type="text" value="eyJpdiI6IjZGYmdNc1FWQnVLcE1pUmZKNmswb0E9PSIsInZhbHVlIjoid3djVU12UHFzTWhIUllwK3N3RzBNQT09IiwibWFjIjoiOGYzMmZlMWU3ZWY4OTU0YWZmYzQ2NjY4NDM5MmE4NDRjYzI4YjI4YWMyYTY4MzNiMDMzZDI1NmNhY2U1ZDNlOSIsInRhZyI6IiJ9" autocomplete="off" tabindex="-1"> </div> <div class="modal-body"> <input type="hidden" name="from" value="https://sangseek.com/communities/18567"> 내용: <textarea name="body" style="width: 100%" rows="5" minlength="10" required></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">취소</button> <button type="submit" class="btn btn-primary">제출</button> </div> </form> </div> </div> </div> </div> <div class="pr-2"> <button type="button" data-toggle="modal" data-target="#termsBtn" style="background: none; border: none; color: #3490dc; padding: 0; cursor: pointer;">이용안내</button> </div>  <div class="modal fade" id="termsBtn" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title" id="exampleModalLabel">커뮤니티 이용안내</div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> - 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.<br> - 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.<br> - 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.<br> - 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.<br> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">닫기</button> </div> </div> </div> </div> <div class="pr-2"> <button type="button" data-toggle="modal" data-target="#deleteBtn" style="background: none; border: none; color: #3490dc; padding: 0; cursor: pointer;"> 삭제 </button>  <div class="modal fade" id="deleteBtn" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel">삭제하기</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form method="POST" action="https://sangseek.com/communities/18567"> <input type="hidden" name="_token" value="akcqAu67VMsT2eZmshqgEi2oVTPvgt7SVFs0mLji" autocomplete="off"> <input type="hidden" name="_method" value="delete"> <div class="modal-body"> password: <input type="text" name="password" placeholder="비밀번호" style="width: 320px" value=""> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">취소</button> <button type="submit" class="btn btn-primary">삭제</button> </div> </form> </div> </div> </div> </div> </div> </article> <div class="col-md-12" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto; min-height: 150px;"> <hr> <comment-component2 :initial-comments="[]" :item-id=18567 > </comment-component2> <hr> </div> <div class="mt-3 mb-3"> </div> <aside> <div class="mt-5">추가 게시글</div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18578">HTML에서 `<script>` 태그를 사용하여 외부 JavaScript 파일을 연결하는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML 문서에서 외부 J...</p> <div class="m-2">1년 전 | 최지성</div> <div class="m-2">조회수: 184 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18547">HTML에서 `<script>` 태그의 위치는 어디에 두는 것이 좋나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML 문서에서 `` 태...</p> <div class="m-2">1년 전 | 김하린</div> <div class="m-2">조회수: 264 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18566">HTML에서 `<wbr>` 태그는 어떤 역할을 하나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML에서 `` 태그는 "...</p> <div class="m-2">1년 전 | 최하린</div> <div class="m-2">조회수: 145 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18520">HTML에서 제목 태그는 어떻게 사용하나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML에서 제목 태그는...</p> <div class="m-2">1년 전 | 박채연</div> <div class="m-2">조회수: 185 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18603">HTML에서 `<button>` 태그의 type 속성은 어떤 값이 있나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML에서 `` 태그의 `...</p> <div class="m-2">1년 전 | 박지민</div> <div class="m-2">조회수: 130 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18548">HTML에서 `<header>`, `<footer>`, `<nav>` 태그의 용도는 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML에서 ``, ``, ``...</p> <div class="m-2">1년 전 | 박민아</div> <div class="m-2">조회수: 210 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18581">HTML에서 `<input type="color">`의 용도는 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">``는 HTML5에서 도입...</p> <div class="m-2">1년 전 | 박지수</div> <div class="m-2">조회수: 135 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18596">HTML에서 `<input>` 태그의 value 속성은 어떻게 사용하나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML에서 `` 태그는...</p> <div class="m-2">1년 전 | 박서윤</div> <div class="m-2">조회수: 149 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18561">HTML에서 `<dialog>` 태그의 용도는 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML의 `` 태그는 웹...</p> <div class="m-2">1년 전 | 김승우</div> <div class="m-2">조회수: 124 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/18569">HTML에서 `<link rel="stylesheet">`의 의미는 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">HTML에서 `` 태그는...</p> <div class="m-2">1년 전 | 박채린</div> <div class="m-2">조회수: 168 | 댓글: 0 | 좋아요: 0</div> </div> </aside> <aside> <div class="mt-5">새로운 게시글</div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/27018">신한은행의 신용등급 조회 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">신한은행의 신용등급...</p> <div class="m-2">1년 전 | 김서율</div> <div class="m-2">조회수: 1933 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/21433">스웨덴의 정치 체제는 어떻게 구성되어 있나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">스웨덴의 정치 체제는...</p> <div class="m-2">1년 전 | 정채윤</div> <div class="m-2">조회수: 451 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/167518">고기 보관 시 냄새가 나는 이유는 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">고기 보관 시 냄새가...</p> <div class="m-2">1년 전 | 박재성</div> <div class="m-2">조회수: 396 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/104742">온도계를 어떻게 청소하나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">온도계는 건강 관리에...</p> <div class="m-2">1년 전 | 이지훈</div> <div class="m-2">조회수: 278 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/73136">베트남의 전통적인 아침 식사는 어떤 것이 있나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">베트남의 전통적인 아...</p> <div class="m-2">1년 전 | 김서현</div> <div class="m-2">조회수: 853 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/15805">시계의 무브먼트 종류는 몇 가지인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">시계의 무브먼트는 시...</p> <div class="m-2">1년 전 | 최준혁</div> <div class="m-2">조회수: 2225 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/2340">대만 타이베이에서 24시간 운영하는 식당이나 카페는 어디인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">타이베이에서 24시간...</p> <div class="m-2">1년 전 | ㅁㅁ</div> <div class="m-2">조회수: 1338 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/236405">버섯과 환경: 지속 가능한 6가지 방법</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">버섯은 단순한 식재료...</p> <div class="m-2">5개월 전 | 박예진</div> <div class="m-2">조회수: 147 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/215923">워드프레스 블로그로 수익을 창출하는 8가지 방법</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">워드프레스 블로그를...</p> <div class="m-2">11개월 전 | 박예린</div> <div class="m-2">조회수: 326 | 댓글: 0 | 좋아요: 0</div> </div> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/151708">양배추를 섭취하는 최적의 시간은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">양배추는 영양이 풍부...</p> <div class="m-2">1년 전 | 김민하</div> <div class="m-2">조회수: 779 | 댓글: 0 | 좋아요: 0</div> </div> </aside> </div> </div> </div> </main> <div class="fixed-bottom bg-light"> <div class="row g-0 text-center"> <div class="col-6"> <a href="https://play.google.com/store/apps/details?id=com.sangseek.sangseekworldtravelmap&hl=ko" target="_blank"> <img src="https://sangseek.com/sy7w6w9yjsdz.gif" class="img-fluid w-100"> </a> </div> <div class="col-6"> <a href="https://apps.apple.com/kr/app/%EC%83%81%EC%8B%9D%EB%8B%B7%EC%BB%B4-%EC%97%AC%ED%96%89%EC%A7%80%EB%8F%84/id6757587424" target="_blank"> <img src="https://sangseek.com/sy8568e1922f.gif" class="img-fluid w-100"> </a> </div> </div> </div> <footer class="py-4 mt-5"> <div class="container-fluid"> <div class="row"> <div class="col-md-12" style="background-color: #e9ecef; color: #333333;"> <div class="mt-5"> <h3 class="black pb-4">방문할 가치가 있는 도시</h3> <ul class="list-unstyled"> <li class="mb-4"> <img src="/icons/maps/icon_thailand.png" width="30px"> <a href="https://sangseek.com/places/bangkok/ko"> 방콕, 파타야 </a> (총 장소: 102 | 지도 완성도: 89%) </li> <li class="mb-4"> <img src="/icons/maps/icon_thailand.png" width="30px"> <a href="https://sangseek.com/places/phuket/ko"> 푸켓, 끄라비 </a> (총 장소: 39 | 지도 완성도: 50%) </li> <li class="mb-4"> <img src="/icons/maps/icon_thailand.png" width="30px"> <a href="https://sangseek.com/places/chiang-mai/ko"> 치앙마이 </a> (총 장소: 50 | 지도 완성도: 55%) </li> <li class="mb-4"> <img src="/icons/maps/icon_vietnam.png" width="30px"> <a href="https://sangseek.com/places/ho-chi-minh/ko"> 호치민 </a> (총 장소: 68 | 지도 완성도: 60%) </li> <li class="mb-4"> <img src="/icons/maps/icon_vietnam.png" width="30px"> <a href="https://sangseek.com/places/hanoi/ko"> 하노이, 하이퐁, 하롱베이, 사파 </a> (총 장소: 41 | 지도 완성도: 50%) </li> <li class="mb-4"> <img src="/icons/maps/icon_vietnam.png" width="30px"> <a href="https://sangseek.com/places/nha-trang/ko"> 냐짱, 달랏 </a> (총 장소: 49 | 지도 완성도: 39%) </li> <li class="mb-4"> <img src="/icons/maps/icon_vietnam.png" width="30px"> <a href="https://sangseek.com/places/phu-quoc/ko"> 푸꾸옥 </a> (총 장소: 15 | 지도 완성도: 5%) </li> <li class="mb-4"> <img src="/icons/maps/icon_vietnam.png" width="30px"> <a href="https://sangseek.com/places/da-nang/ko"> 다낭, 호이안, 후에 </a> (총 장소: 65 | 지도 완성도: 55%) </li> <li class="mb-4"> <img src="/icons/maps/icon_taiwan.png" width="30px"> <a href="https://sangseek.com/places/kaohsiung/ko"> 가오슝, 타이난 </a> (총 장소: 31 | 지도 완성도: 15%) </li> <li class="mb-4"> <img src="/icons/maps/icon_taiwan.png" width="30px"> <a href="https://sangseek.com/places/taipei/ko"> 타이베이 </a> (총 장소: 52 | 지도 완성도: 45%) </li> <li class="mb-4"> <img src="/icons/maps/icon_philippines.png" width="30px"> <a href="https://sangseek.com/places/metro-manila/ko"> 메트로 마닐라 </a> (총 장소: 31 | 지도 완성도: 40%) </li> <li class="mb-4"> <img src="/icons/maps/icon_philippines.png" width="30px"> <a href="https://sangseek.com/places/cebu/ko"> 세부, 보홀 </a> (총 장소: 35 | 지도 완성도: 29%) </li> <li class="mb-4"> <img src="/icons/maps/icon_philippines.png" width="30px"> <a href="https://sangseek.com/places/boracay/ko"> 보라카이 </a> (총 장소: 19 | 지도 완성도: 20%) </li> <li class="mb-4"> <img src="/icons/maps/icon_indonesia.png" width="30px"> <a href="https://sangseek.com/places/jakarta/ko"> 자카르타, 반둥 </a> (총 장소: 22 | 지도 완성도: 10%) </li> <li class="mb-4"> <img src="/icons/maps/icon_indonesia.png" width="30px"> <a href="https://sangseek.com/places/bali/ko"> 발리 </a> (총 장소: 26 | 지도 완성도: 51%) </li> <li class="mb-4"> <img src="/icons/maps/icon_laos.png" width="30px"> <a href="https://sangseek.com/places/vientiane/ko"> 비엔티안, 방비엥, 루앙프라방 </a> (총 장소: 18 | 지도 완성도: 20%) </li> <li class="mb-4"> <img src="/icons/maps/icon_cambodia.png" width="30px"> <a href="https://sangseek.com/places/siem-reap/ko"> 씨엠립 </a> (총 장소: 13 | 지도 완성도: 10%) </li> <li class="mb-4"> <img src="/icons/maps/icon_singapore.png" width="30px"> <a href="https://sangseek.com/places/singapore/ko"> 싱가포르 </a> (총 장소: 30 | 지도 완성도: 50%) </li> <li class="mb-4"> <img src="/icons/maps/icon_malaysia.png" width="30px"> <a href="https://sangseek.com/places/kota-kinabalu/ko"> 코타키나발루 </a> (총 장소: 15 | 지도 완성도: 30%) </li> <li class="mb-4"> <img src="/icons/maps/icon_malaysia.png" width="30px"> <a href="https://sangseek.com/places/kuala-lumpur/ko"> 쿠알라룸푸르 </a> (총 장소: 21 | 지도 완성도: 36%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/gyeongsangnam-do/ko"> 경상남도 </a> (총 장소: 64 | 지도 완성도: 50%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/seoul/ko"> 서울, 인천, 경기도 </a> (총 장소: 116 | 지도 완성도: 75%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/busan/ko"> 부산 </a> (총 장소: 88 | 지도 완성도: 65%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/gyeongju/ko"> 경주, 대구, 울산, 포항 </a> (총 장소: 52 | 지도 완성도: 15%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/jeollado/ko"> 전라도 </a> (총 장소: 103 | 지도 완성도: 59%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/jeju-do/ko"> 제주도 </a> (총 장소: 70 | 지도 완성도: 65%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/gangwon-do/ko"> 강원도 </a> (총 장소: 90 | 지도 완성도: 50%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/gyeongsangbuk-do/ko"> 경상북도 </a> (총 장소: 27 | 지도 완성도: 13%) </li> <li class="mb-4"> <img src="/icons/maps/icon_korea.png" width="30px"> <a href="https://sangseek.com/places/chungcheong-do/ko"> 충청도 </a> (총 장소: 45 | 지도 완성도: 49%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/tokyo/ko"> 도쿄 </a> (총 장소: 72 | 지도 완성도: 59%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/okinawa/ko"> 오키나와 </a> (총 장소: 37 | 지도 완성도: 13%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/hiroshima/ko"> 히로시마 </a> (총 장소: 15 | 지도 완성도: 1%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/osaka/ko"> 오사카, 교토 </a> (총 장소: 69 | 지도 완성도: 40%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/sapporo/ko"> 삿포로 </a> (총 장소: 37 | 지도 완성도: 25%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/shikoku/ko"> 시코쿠 </a> (총 장소: 12 | 지도 완성도: 1%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/fukuoka/ko"> 후쿠오카, 규슈 </a> (총 장소: 75 | 지도 완성도: 51%) </li> <li class="mb-4"> <img src="/icons/maps/icon_japan.png" width="30px"> <a href="https://sangseek.com/places/nagoya/ko"> 나고야 </a> (총 장소: 29 | 지도 완성도: 5%) </li> <li class="mb-4"> <img src="/icons/maps/icon_hongkong.png" width="30px"> <a href="https://sangseek.com/places/hongkong/ko"> 홍콩, 마카오 </a> (총 장소: 43 | 지도 완성도: 50%) </li> <li class="mb-4"> <img src="/icons/maps/icon_china.png" width="30px"> <a href="https://sangseek.com/places/beijing/ko"> 베이징 </a> (총 장소: 12 | 지도 완성도: 5%) </li> <li class="mb-4"> <img src="/icons/maps/icon_china.png" width="30px"> <a href="https://sangseek.com/places/qingdao/ko"> 칭다오 </a> (총 장소: 2 ) </li> <li class="mb-4"> <img src="/icons/maps/icon_china.png" width="30px"> <a href="https://sangseek.com/places/chengdu/ko"> 청두, 충칭 </a> (총 장소: 9 | 지도 완성도: 1%) </li> <li class="mb-4"> <img src="/icons/maps/icon_china.png" width="30px"> <a href="https://sangseek.com/places/shanghai/ko"> 상해 </a> (총 장소: 19 | 지도 완성도: 20%) </li> <li class="mb-4"> <img src="/icons/maps/icon_usa.png" width="30px"> <a href="https://sangseek.com/places/saipan/ko"> 사이판 </a> (총 장소: 26 | 지도 완성도: 77%) </li> <li class="mb-4"> <img src="/icons/maps/icon_usa.png" width="30px"> <a href="https://sangseek.com/places/hawaii/ko"> 하와이 </a> (총 장소: 37 | 지도 완성도: 60%) </li> <li class="mb-4"> <img src="/icons/maps/icon_usa.png" width="30px"> <a href="https://sangseek.com/places/guam/ko"> 괌 </a> (총 장소: 30 | 지도 완성도: 83%) </li> <li class="mb-4"> <img src="/icons/maps/icon_usa.png" width="30px"> <a href="https://sangseek.com/places/chicago/ko"> 시카고 </a> (총 장소: 7 | 지도 완성도: 1%) </li> <li class="mb-4"> <img src="/icons/maps/icon_usa.png" width="30px"> <a href="https://sangseek.com/places/new-york/ko"> 뉴욕 </a> (총 장소: 45 | 지도 완성도: 60%) </li> <li class="mb-4"> <img src="/icons/maps/icon_usa.png" width="30px"> <a href="https://sangseek.com/places/san-francisco/ko"> 샌프란시스코, 실리콘밸리 </a> (총 장소: 13 | 지도 완성도: 9%) </li> <li class="mb-4"> <img src="/icons/maps/icon_usa.png" width="30px"> <a href="https://sangseek.com/places/la/ko"> LA, 라스베이거스, 샌디에고 </a> (총 장소: 60 | 지도 완성도: 55%) </li> <li class="mb-4"> <img src="/icons/maps/icon_canada.png" width="30px"> <a href="https://sangseek.com/places/toronto/ko"> 토론토 </a> (총 장소: 19 | 지도 완성도: 16%) </li> <li class="mb-4"> <img src="/icons/maps/icon_canada.png" width="30px"> <a href="https://sangseek.com/places/vancouver/ko"> 밴쿠버, 캘거리 </a> (총 장소: 35 | 지도 완성도: 45%) </li> <li class="mb-4"> <img src="/icons/maps/icon_canada.png" width="30px"> <a href="https://sangseek.com/places/montreal/ko"> 몬트리올, 퀘벡, 오타와 </a> (총 장소: 11 | 지도 완성도: 10%) </li> <li class="mb-4"> <img src="/icons/maps/icon_uk.png" width="30px"> <a href="https://sangseek.com/places/london/ko"> 런던 및 영국 전국 </a> (총 장소: 51 | 지도 완성도: 45%) </li> <li class="mb-4"> <img src="/icons/maps/icon_italy.png" width="30px"> <a href="https://sangseek.com/places/rome/ko"> 로마, 피렌체 </a> (총 장소: 27 | 지도 완성도: 45%) </li> <li class="mb-4"> <img src="/icons/maps/icon_italy.png" width="30px"> <a href="https://sangseek.com/places/naples/ko"> 나폴리 및 이탈리아 남부 </a> (총 장소: 19 | 지도 완성도: 22%) </li> <li class="mb-4"> <img src="/icons/maps/icon_italy.png" width="30px"> <a href="https://sangseek.com/places/milano/ko"> 밀라노, 베네치아 </a> (총 장소: 24 | 지도 완성도: 41%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/malta/ko"> 몰타 </a> (총 장소: 6 | 지도 완성도: 1%) </li> <li class="mb-4"> <img src="/icons/maps/icon_germany.png" width="30px"> <a href="https://sangseek.com/places/berlin/ko"> 베를린 및 독일 북부 </a> (총 장소: 15 | 지도 완성도: 40%) </li> <li class="mb-4"> <img src="/icons/maps/icon_germany.png" width="30px"> <a href="https://sangseek.com/places/munich/ko"> 뮌헨 및 독일 남서부 </a> (총 장소: 29 | 지도 완성도: 29%) </li> <li class="mb-4"> <img src="/icons/maps/icon_greece.png" width="30px"> <a href="https://sangseek.com/places/athens/ko"> 아테네 및 그리스 전국 </a> (총 장소: 13 | 지도 완성도: 20%) </li> <li class="mb-4"> <img src="/icons/maps/icon_france.png" width="30px"> <a href="https://sangseek.com/places/paris/ko"> 파리 및 프랑스 전국 </a> (총 장소: 82 | 지도 완성도: 58%) </li> <li class="mb-4"> <img src="/icons/maps/icon_swiss.png" width="30px"> <a href="https://sangseek.com/places/zurich/ko"> 취리히, 루체른, 체르마트 </a> (총 장소: 19 | 지도 완성도: 35%) </li> <li class="mb-4"> <img src="/icons/maps/icon_portugal.png" width="30px"> <a href="https://sangseek.com/places/lisbon/ko"> 리스본, 포르투 </a> (총 장소: 23 | 지도 완성도: 35%) </li> <li class="mb-4"> <img src="/icons/maps/icon_spain.png" width="30px"> <a href="https://sangseek.com/places/barcelona/ko"> 바르셀로나 </a> (총 장소: 31 | 지도 완성도: 49%) </li> <li class="mb-4"> <img src="/icons/maps/icon_spain.png" width="30px"> <a href="https://sangseek.com/places/madrid/ko"> 마드리드 및 스페인 전국 </a> (총 장소: 57 | 지도 완성도: 40%) </li> <li class="mb-4"> <img src="/icons/maps/icon_belgium.png" width="30px"> <a href="https://sangseek.com/places/brussels/ko"> 브뤼셀 및 벨기에 전국 </a> (총 장소: 14 | 지도 완성도: 10%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/copenhagen/ko"> 코펜하겐 및 덴마크 전국 </a> (총 장소: 3 ) </li> <li class="mb-4"> <img src="/icons/maps/icon_turkey.png" width="30px"> <a href="https://sangseek.com/places/istanbul/ko"> 이스탄불 및 튀르키예(터키) 전국 </a> (총 장소: 27 | 지도 완성도: 33%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/sofia/ko"> 소피아 및 불가리아 전국 </a> (총 장소: 4 | 지도 완성도: 1%) </li> <li class="mb-4"> <img src="/icons/maps/icon_hungary.png" width="30px"> <a href="https://sangseek.com/places/budapest/ko"> 부다페스트 </a> (총 장소: 16 | 지도 완성도: 10%) </li> <li class="mb-4"> <img src="/icons/maps/icon_poland.png" width="30px"> <a href="https://sangseek.com/places/warszawa/ko"> 바르샤바 및 폴란드 전국 </a> (총 장소: 7 | 지도 완성도: 5%) </li> <li class="mb-4"> <img src="/icons/maps/icon_austria.png" width="30px"> <a href="https://sangseek.com/places/wien/ko"> 빈 및 오스트리아 전국 </a> (총 장소: 31 | 지도 완성도: 15%) </li> <li class="mb-4"> <img src="/icons/maps/icon_ireland.png" width="30px"> <a href="https://sangseek.com/places/dublin/ko"> 더블린 </a> (총 장소: 6 | 지도 완성도: 9%) </li> <li class="mb-4"> <img src="/icons/maps/icon_croatia.png" width="30px"> <a href="https://sangseek.com/places/zagreb/ko"> 자그레브 및 크로아티아 전국 </a> (총 장소: 16 | 지도 완성도: 10%) </li> <li class="mb-4"> <img src="/icons/maps/icon_netherlands.png" width="30px"> <a href="https://sangseek.com/places/amsterdam/ko"> 암스테르담 및 네덜란드 전국 </a> (총 장소: 10 | 지도 완성도: 7%) </li> <li class="mb-4"> <img src="/icons/maps/icon_czech_republic.png" width="30px"> <a href="https://sangseek.com/places/praha/ko"> 프라하 및 체코 전국 </a> (총 장소: 17 | 지도 완성도: 5%) </li> <li class="mb-4"> <img src="/icons/maps/icon_united_arab_emirates.png" width="30px"> <a href="https://sangseek.com/places/dubai/ko"> 두바이, 아부다비 </a> (총 장소: 11 | 지도 완성도: 10%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/india/ko"> 인도 </a> (총 장소: 7 | 지도 완성도: 1%) </li> <li class="mb-4"> <img src="/icons/maps/icon_mongolia.png" width="30px"> <a href="https://sangseek.com/places/ulaanbaatar/ko"> 울란바토르 </a> (총 장소: 17 | 지도 완성도: 15%) </li> <li class="mb-4"> <img src="/icons/maps/icon_australia.png" width="30px"> <a href="https://sangseek.com/places/sydney/ko"> 시드니 </a> (총 장소: 41 | 지도 완성도: 45%) </li> <li class="mb-4"> <img src="/icons/maps/icon_australia.png" width="30px"> <a href="https://sangseek.com/places/melbourne/ko"> 멜버른 </a> (총 장소: 23 | 지도 완성도: 37%) </li> <li class="mb-4"> <img src="/icons/maps/icon_australia.png" width="30px"> <a href="https://sangseek.com/places/brisbane/ko"> 브리즈번, 골드 코스트 </a> (총 장소: 20 | 지도 완성도: 15%) </li> <li class="mb-4"> <img src="/icons/maps/icon_newzealand.png" width="30px"> <a href="https://sangseek.com/places/auckland/ko"> 오클랜드 및 뉴질랜드 전국 </a> (총 장소: 54 | 지도 완성도: 63%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/sweden/ko"> 스웨덴 </a> (총 장소: 8 | 지도 완성도: 1%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/mexico-city/ko"> 멕시코 시티 및 멕시코 전국 </a> (총 장소: 4 | 지도 완성도: 1%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/sao-paulo/ko"> 상파울루 및 브라질 전국 </a> (총 장소: 8 | 지도 완성도: 5%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/iceland/ko"> 아이슬란드 </a> (총 장소: 3 ) </li> <li class="mb-4"> <a href="https://sangseek.com/places/egypt/ko"> 이집트 </a> (총 장소: 6 ) </li> <li class="mb-4"> <a href="https://sangseek.com/places/bolivia/ko"> 볼리비아 </a> (총 장소: 2 | 지도 완성도: 1%) </li> <li class="mb-4"> <a href="https://sangseek.com/places/peru/ko"> 페루 </a> (총 장소: 2 ) </li> </ul> </div> </div> <div class="col-md-12" class="white" style="background-color: black"> <div class="mt-3"><a href="/privacy" class="white" onmouseover="this.style.backgroundColor='gold'" onmouseout="this.style.color='blue'">Privacy</a></div> <div><a href="/about" class="white" onmouseover="this.style.backgroundColor='gold'" onmouseout="this.style.color='blue'">About</a></div> <div><a href="/advertising" class="white" onmouseover="this.style.backgroundColor='gold'" onmouseout="this.style.color='blue'">Advertising</a></div> <div><a href="/api" class="white" onmouseover="this.style.backgroundColor='gold'" onmouseout="this.style.color='blue'">API</a></div> <br> <div class="gold">- 상식이 혼자 웹과 앱을 만들어서 오류가 많을 겁니다. 심각한 오류 신고 대환영입니다. 카톡: sangseek</div> <div class="gold mt-1">- AI 사용과 번역기 사용으로 번역 및 정보에 오류가 있을 수 있습니다. 심각한 오류는 신고해주세요.</div> <div class="gold mt-1">- 상식닷컴에서 작성한 내용은 '상식닷컴' 출처 남기고 상업적으로 사용하시면 됩니다. 타인의 내용은 작성자에게 문의를 하세요. 몇몇 출처가 불확실한 내용 또는 이미지들도 있습니다. 따로 연락을 주시면 출처 확인해드리겠습니다.</div> <div class="gold mt-1">- 제휴 링크를 통해 상품 및 서비스를 구매하시면 상식닷컴은 제휴 업체로부터 수수료를 받습니다. 결제 금액이 다른 곳과 동일하다면 상식닷컴에서 제공하는 링크를 통해서 구매해주시면 감사하겠습니다. 상식닷컴 사이트 유지를 위해서 사용하겠습니다.</div> <div class="mt-3"> <div> <span class="white">전 세계 상식닷컴 여행지도 다운로드</span><br> <span class="gold">구글 지도 네비게이션과 연결되므로 강추!</span><br> <a href="https://play.google.com/store/apps/details?id=com.sangseek.sangseekworldtravelmap&hl=ko" target="_blank"> <img alt='Get it on Google Play' src=https://play.google.com/intl/en_us/badges/static/images/badges/ko_badge_web_generic.png width="200px"/> </a> <br> <a href="https://apps.apple.com/kr/app/%EC%83%81%EC%8B%9D%EB%8B%B7%EC%BB%B4-%EC%97%AC%ED%96%89%EC%A7%80%EB%8F%84/id6757587424" target="_blank"> <img src="https://d2jg1jnvqw60d7.cloudfront.net/talks/VUTcYjDbBa7NihyVhR3enxF8wKLJX4DZKm4XYNbg1669310058.jpg" width="200px"> </a> </div> </div> <div class="mt-3"> <a class="" href="https://sangseek.com/sangseeks/%ED%98%B8%ED%85%94-%EC%95%A1%ED%8B%B0%EB%B9%84%ED%8B%B0-%ED%95%AD%EA%B3%B5%EA%B6%8C-%EC%98%88%EC%95%BD" target="_blank" onmouseover="this.style.backgroundColor='gold'" onmouseout="this.style.color='blue'"> 상식닷컴 통해서 호텔/액티비티/항공권 예약해서 상식닷컴 서포트해주기</a> </div> <div class="mt-5"> <newsletter-subscribe-component></newsletter-subscribe-component> </div> <div class="white mt-3" style="margin-bottom:5%;"> 문의: <a class="" href="mailto:sangseek12@naver.com" onmouseover="this.style.backgroundColor='gold'" onmouseout="this.style.color='blue'"> sangseek12@naver.com</a> <br> <span class="white mb-5">2026 sangseek.com</span> </div> </div> </div> </div> </footer> </div> <script type="text/javascript"> function togglePasswordInput(){ var passwordInput = document.getElementById("password"); if (passwordInput.style.display == "none") { passwordInput.style.display = "block"; passwordInput.placeholder = '비밀번호 입력'; } } function openTerms() { document.getElementById("terms-community-div").display = "block"; } </script> </body> </html>