웹 페이지의 제목을 가져오는 방법은?

_____
Q1: 웹 페이지의 제목이란 무엇인가요?
A1: 웹 페이지의 제목은 브라우저 탭에 표시되며, HTML 문서 내의 `` 태그에 정의된 텍스트를 의미합니다. 페이지 내용을 간략하게 요약하는 역할을 합니다.<br /> <br /> Q2: HTML 코드에서 웹 페이지의 제목은 어디에 위치하나요? <br /> A2: 웹 페이지 제목은 HTML 문서의 `<head>` 태그 내에 위치한 `<title>` 태그 안에 작성됩니다. 예: `<title>페이지 제목`

Q3: 자바스크립트를 이용해 웹 페이지 제목을 가져오는 방법은?
A3: 자바스크립트에서는 `document.title` 속성을 통해 현재 페이지의 제목을 쉽게 가져올 수 있습니다.
예: `const title = document.title;`

Q4: jQuery를 사용해 웹 페이지 제목을 가져오는 방법은?
A4: jQuery를 사용 시, `$("title").text()`로 페이지 제목을 가져올 수 있습니다.
예: `var title = $("title").text();`

Q5: Python에서 웹 페이지 제목을 가져오려면 어떻게 하나요?
A5: Python에서는 requests와 BeautifulSoup 라이브러리를 사용합니다.
예:
```python
import requests
from bs4 import BeautifulSoup

url = "https://example.com"
res = requests.get(url)
soup = BeautifulSoup(res.text, 'html.parser')
title = soup.title.string
print(title)
```

Q6: PHP에서 웹 페이지 제목을 추출하는 방법은?
A6: PHP에서는 cURL 또는 file_get_contents로 페이지를 가져온 다음, DOMDocument로 파싱하여 `` 태그 내용을 추출합니다. <br /> 예: <br /> ```php<br /> $html = file_get_contents('https://example.com');<br /> $doc = new DOMDocument();<br /> @$doc->loadHTML($html);<br /> $title = $doc->getElementsByTagName('title')->item(0)->nodeValue;<br /> echo $title;<br /> ```<br /> <br /> Q7: 크롬 개발자 도구에서 웹 페이지 제목을 확인하는 방법은? <br /> A7: 개발자 도구(F12)를 열고 Elements 패널에서 `<head>` 태그 내 `<title>` 태그를 찾아 텍스트를 확인할 수 있습니다.<br /> <br /> Q8: SEO 측면에서 웹 페이지 제목 작성 시 주의할 점은? <br /> A8: 제목은 50~60자 내외로 간결하게 작성하고 핵심 키워드를 포함해야 하며, 중복 제목은 피해야 합니다.<br /> <br /> Q9: 만약 `<title>` 태그가 없는 경우 어떻게 되나요? <br /> A9: `<title>` 태그가 없으면 브라우저는 URL이나 기본 텍스트를 탭에 표시하며, SEO에도 부정적인 영향을 미칩니다. 반드시 `<title>` 태그를 포함해야 합니다.<br /> <br /> Q10: SPA(싱글 페이지 애플리케이션)에서 제목을 동적으로 변경하려면? <br /> A10: 자바스크립트로 `document.title = "새 제목";`을 사용하여 페이지 전환 시 제목을 동적으로 변경할 수 있습니다. <div class="mt-5 mb-5"> <a href="59946" class="btn btn-primary w-100">셀레니움에서 페이지의 모든 오디오 URL을 가져오는 방법은?</a> </div> <div class="mt-5 mb-5"> <a href="59877" class="btn btn-primary w-100">명시적 대기와 암시적 대기의 차이는 무엇인가요?</a> </div> </div> <div class="mt-5"> <section> 웹 페이지의 제목을 가져오는 방법은 여러 가지가 있으며, 주로 프로그래밍 언어와 라이브러리를 사용하여 구현할 수 있습니다.<br><br> 여기서는 Python을 예로 들어 설명하겠습니다.<br><br> Python은 웹 스크래핑을 위한 다양한 라이브러리를 제공하며, 그 중에서도 `requests`와 `<a href='https://sangseek.com/sangseeks/BeautifulSoup/ko'>BeautifulSoup</a>`가 가장 많이 사용됩니다.<br><br> 1. 필요한 라이브러리 설치 먼저, 웹 페이지의 제목을 가져오기 위해 필요한 라이브러리를 설치해야 합니다.<br><br> `requests`는 웹 페이지의 HTML 콘텐츠를 가져오는 데 사용되고, `BeautifulSoup`는 HTML을 파싱하여 원하는 정보를 추출하는 데 사용됩니다.<br><br> 다음 명령어를 사용하여 두 라이브러리를 설치할 수 있습니다.<br><br> ```bash pip install requests beautifulsoup4 ``` <br><br>2. 웹 페이지의 제목 가져오기 이제 웹 페이지의 제목을 가져오는 코드를 작성해 보겠습니다.<br><br> 아래는 그 예시입니다.<br><br> ```python import requests from bs4 import BeautifulSoup 웹 페이지 URL url = 'https://www.example.com' 웹 페이지 요청 response = requests.get(url) 요청이 성공했는지 확인 if response.status_code == 200: HTML 콘텐츠 파싱 soup = BeautifulSoup(response.text, 'html.parser') 제목 태그 찾기 title = soup.title.string if soup.title else '제목 없음' 제목 출력 print(f'웹 페이지 제목: {title}') else: print(f'웹 페이지를 가져오는 데 실패했습니다.<br><br> 상태 코드: {response.status_code}') ``` <br><br>3. 코드 설명 - requests.get(url) : 지정한 URL에 <a href='https://sangseek.com/sangseeks/HTTP GET/ko'>HTTP GET</a> 요청을 보내고, 서버로부터 응답을 받습니다.<br><br> - response.status_code : 요청의 상태 코드를 확인하여 요청이 성공했는지 판단합니다.<br><br> 200은 성공을 의미합니다.<br><br> - BeautifulSoup(response.text, 'html.parser') : 응답받은 HTML 콘텐츠를 BeautifulSoup 객체로 변환하여 파싱합니다.<br><br> - soup.title : HTML 문서에서 `<title>` 태그를 찾습니다.<br><br> 이 태그는 웹 페이지의 제목을 포함하고 있습니다.<br><br> - soup.title.string : `<title>` 태그의 내용을 문자열로 가져옵니다.<br><br> 만약 `<title>` 태그가 없다면 '제목 없음'을 반환합니다.<br><br> <br><br>4. 주의사항 - <a href='https://sangseek.com/sangseeks/robots.txt/ko'>robots.txt</a> : 웹 스크래핑을 하기 전에 해당 웹사이트의 `robots.txt` 파일을 확인하여 스크래핑이 허용되는지 확인해야 합니다.<br><br> 이는 웹사이트의 정책에 따라 다를 수 있습니다.<br><br> - HTTP <a href='https://sangseek.com/sangseeks/요청 제한/ko'>요청 제한</a> : 너무 많은 요청을 짧은 시간에 보내면 서버에 부하를 줄 수 있으며, IP 차단 등의 조치를 받을 수 있습니다.<br><br> 따라서 요청 간에 적절한 지연을 두는 것이 좋습니다.<br><br> - 동적 웹 페이지 : JavaScript로 동적으로 생성되는 웹 페이지의 경우, `requests`와 `BeautifulSoup`만으로는 제목을 가져올 수 없습니다.<br><br> 이 경우 `Selenium`과 같은 도구를 사용하여 브라우저를 자동화해야 합니다.<br><br> <br><br>5. 웹 페이지의 제목을 가져오는 것은 간단한 작업이지만, 웹 스크래핑을 할 때는 항상 웹사이트의 정책을 준수하고, 요청을 적절히 관리하는 것이 중요합니다.<br><br> 위의 방법을 통해 다양한 웹 페이지의 제목을 손쉽게 가져올 수 있습니다.<br><br> </section> </div> </div> <div class="daum-wm-datetime mt-1 mb-3"> 작성자: 최지우 <small>[비회원]</small> | 작성일자: 1년 전 <span class="d-none">2024-11-06 11:02:03</span> <br> 조회수: 127 | 댓글: 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/59875">수정</a> </div> <div class="pr-2"> <form action="https://sangseek.com/communities/59875/like" method="POST"> <input type="hidden" name="_token" value="syMWKlb67iYWz1qSup1jGjOd04tm9szFVEo2h6sR" 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/59875/dislike" method="POST"> <input type="hidden" name="_token" value="syMWKlb67iYWz1qSup1jGjOd04tm9szFVEo2h6sR" 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> <!-- Modal --> <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="syMWKlb67iYWz1qSup1jGjOd04tm9szFVEo2h6sR" autocomplete="off"> <div id="my_name_9pDcED3vrAqrM7jQ_wrap" style="display: none" aria-hidden="true"> <input id="my_name_9pDcED3vrAqrM7jQ" name="my_name_9pDcED3vrAqrM7jQ" type="text" value="" autocomplete="nope" tabindex="-1"> <input name="valid_from" type="text" value="eyJpdiI6InVldDhxMlVPVU1OYzVqZVBXc1hTc2c9PSIsInZhbHVlIjoiNklDSEZkTG13bkc5czBSa3FGMDA2Zz09IiwibWFjIjoiZTA2MzU2YmE2MDlmMDc3MGZiM2U1MWNmN2U1ZDFiNDkwOTYyMDU1YWM0ODNiM2RjMWFmOGI4OTNhNWY0NWIzOCIsInRhZyI6IiJ9" autocomplete="off" tabindex="-1"> </div> <div class="modal-body"> <input type="hidden" name="from" value="https://sangseek.com/communities/59875"> 내용: <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> <!-- Modal --> <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> <!-- Modal --> <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/59875"> <input type="hidden" name="_token" value="syMWKlb67iYWz1qSup1jGjOd04tm9szFVEo2h6sR" 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=59875 > </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/59943">셀레니움에서 특정 요소의 포커스를 해제하는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 김주영</div> <div class="m-2">조회수: 167 | 댓글: 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/59900">셀레니움에서 페이지의 모든 이미지 URL을 가져오는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 정다윤</div> <div class="m-2">조회수: 173 | 댓글: 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/59869">셀레니움에서 웹 페이지를 열려면 어떻게 해야 하나요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 최지민</div> <div class="m-2">조회수: 173 | 댓글: 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/59897">셀레니움에서 여러 브라우저를 동시에 실행하는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 박준하</div> <div class="m-2">조회수: 400 | 댓글: 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/59910">셀레니움에서 웹 페이지의 모든 테이블 데이터를 가져오는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</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/59926">셀레니움에서 특정 요소의 자식 요소를 찾는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 박지환</div> <div class="m-2">조회수: 215 | 댓글: 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/59953">셀레니움에서 특정 요소의 위치를 변경하는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 최유리</div> <div class="m-2">조회수: 151 | 댓글: 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/59919">셀레니움에서 페이지의 모든 스타일 시트를 가져오는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 이윤성</div> <div class="m-2">조회수: 131 | 댓글: 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/59898">셀레니움에서 테스트 결과를 로그로 남기는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 최하윤</div> <div class="m-2">조회수: 152 | 댓글: 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/59886">셀레니움에서 alert 창을 처리하는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">셀레니움(Selenium)은...</p> <div class="m-2">1년 전 | 최윤아</div> <div class="m-2">조회수: 216 | 댓글: 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/136671">에어컨의 수명이 보통 얼마나 되나요?</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">조회수: 855 | 댓글: 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/46639">장어를 먹는 것이 소화에 미치는 영향은 무엇인가요?</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">조회수: 1468 | 댓글: 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/171672">남자 이별 후유증을 겪는 동안 주변 사람들에게 어떻게 도움을 요청할 수 있을까요?</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">조회수: 177 | 댓글: 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/122825">여자 재혼 후 친구들과의 관계를 어떻게 조정해야 할까요?</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">조회수: 178 | 댓글: 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/38696">세탁기에서 세탁물의 세탁 라벨을 확인하는 방법은 무엇인가요?</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">조회수: 937 | 댓글: 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/106720">크록스의 디자인 영감은 어디서 오는 건가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">크록스(Crocs)는 독특...</p> <div class="m-2">1년 전 | 정수민</div> <div class="m-2">조회수: 141 | 댓글: 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/43821">바르셀로나의 유명한 축제인 '라 메르세'에 대해 알려주세요.</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">조회수: 291 | 댓글: 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/34193">삼성전자의 주요 연구소는 어디에 위치하고 있나요?</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">조회수: 3674 | 댓글: 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/24641">태국에서 월급을 받는 직장인들이 가장 많이 받는 복지 혜택은 무엇인가요?</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">조회수: 499 | 댓글: 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/51577">통계에서 표준편차를 구하는 공식은 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">표준편차(Standard De...</p> <div class="m-2">1년 전 | 이윤아</div> <div class="m-2">조회수: 1594 | 댓글: 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>