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

_____
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="59869" class="btn btn-primary w-100">셀레니움에서 웹 페이지를 열려면 어떻게 해야 하나요?</a> </div> <div class="mt-5 mb-5"> <a href="59890" 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> 조회수: 126 | 댓글: 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="JDbrAEEnpK7imc9mtjeOO6H3SBtv3Povug2Nq1vf" 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="JDbrAEEnpK7imc9mtjeOO6H3SBtv3Povug2Nq1vf" 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="JDbrAEEnpK7imc9mtjeOO6H3SBtv3Povug2Nq1vf" autocomplete="off"> <div id="my_name_iE46BUGnb0ERkJv0_wrap" style="display: none" aria-hidden="true"> <input id="my_name_iE46BUGnb0ERkJv0" name="my_name_iE46BUGnb0ERkJv0" type="text" value="" autocomplete="nope" tabindex="-1"> <input name="valid_from" type="text" value="eyJpdiI6IkFOeUdYVElSOTdTVWFGS1h4blZQaXc9PSIsInZhbHVlIjoiUm5FcHhudU9ObFdZZzRHMTgyYmo4UT09IiwibWFjIjoiYzRlNjdmM2QzMDNkZjVmNzAzM2Y0N2M5ZTNhMGM4NjZlNWIwYWVhODc3N2MzMTcyMGJkYjU0ZjlmYmE1YWU5NCIsInRhZyI6IiJ9" 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="JDbrAEEnpK7imc9mtjeOO6H3SBtv3Povug2Nq1vf" 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/59877">명시적 대기와 암시적 대기의 차이는 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">명시적 대기(Explicit...</p> <div class="m-2">1년 전 | 정시우</div> <div class="m-2">조회수: 164 | 댓글: 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> <div class="mt-2 mb-4" style="border: 1px solid black;"> <div class="m-2"><a href="https://sangseek.com/communities/59939">셀레니움에서 특정 요소의 포지션을 변경하는 방법은?</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">조회수: 209 | 댓글: 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/59917">셀레니움에서 특정 요소가 비활성화되었는지 확인하는 방법은?</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">조회수: 172 | 댓글: 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/59929">셀레니움에서 특정 요소의 포커스를 설정하는 방법은?</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">조회수: 193 | 댓글: 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/59932">셀레니움에서 특정 요소의 스타일을 변경하는 방법은?</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">조회수: 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/59909">셀레니움에서 특정 조건에 따라 테스트를 중단하는 방법은?</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">조회수: 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/59906">셀레니움에서 키보드 입력을 시뮬레이션하는 방법은?</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">조회수: 223 | 댓글: 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/59868">Firefox에서 셀레니움을 사용하는 방법은?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">Firefox에서 Selenium...</p> <div class="m-2">1년 전 | 박하린</div> <div class="m-2">조회수: 150 | 댓글: 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/59896">셀레니움에서 AJAX 요청을 처리하는 방법은?</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">조회수: 209 | 댓글: 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/173987">과테말라의 전통 의상은 어떤 모습인가요?</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">조회수: 474 | 댓글: 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/12676">삼성 에어컨을 온라인에서 구매할 때 주의할 점은 무엇인가요?</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">조회수: 1120 | 댓글: 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/16061">유럽의 중소기업 지원 정책은 어떤가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">유럽의 중소기업(SME)...</p> <div class="m-2">1년 전 | 김재윤</div> <div class="m-2">조회수: 270 | 댓글: 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/11922">임플란트 시술 후 치아가 빠지는 경우는 어떤 경우인가요?</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">조회수: 2955 | 댓글: 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/3320">뉴질랜드 워킹홀리데이 중 숙소 구할 때 Airbnb를 사용하는 것이 좋은가요?</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">조회수: 581 | 댓글: 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/41221">보더 콜리의 특이한 행동은 무엇인가요?</a></div> <p class="m-2" style="overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto;">보더 콜리(Border Col...</p> <div class="m-2">1년 전 | 이시현</div> <div class="m-2">조회수: 301 | 댓글: 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/188088">이혼 상담에서 주로 다루는 주제는 무엇인가요?</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">조회수: 190 | 댓글: 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/180402">싱크홀의 연구를 위해 필요한 지형 데이터는 어떤 것인가요?</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">조회수: 235 | 댓글: 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/76758">센티미터를 사용하여 물체의 부피를 계산할 수 있나요?</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">조회수: 626 | 댓글: 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/16934">자카르타에서의 결혼 문화는 어떤가요?</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">조회수: 554 | 댓글: 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>