[003] HTML - iframe 태그 (유튜브 영상, 구글 지도 삽입하기)

안녕하세요~ totally 개발자입니다. 오늘은 iframe 태그에 대해서 알아보도록 하겠습니다. iframe 태그는 쉽게 말해 웹페이지 안에 다른 웹페이지를 넣는 것을 이야기합니다. 많이 쓰이는 예시가 유튜브 영상, 구글 지도 삽입입니다. 이 iframe 태그로 지도를 넣는 방법은 아래처럼 구글 맵스에서 장소를 검색하고 아래 Share (공유) 버튼을 누르고 Embed a map에 가서 COPY HTML 버튼을 누르시면 됩니다. 위 이미지에 10번째 줄처럼 붙여넣기만 해주시면 됩니다. 그러면 지도가 바로 출력된 것을 확인해볼 수 있습니다. 하지만 요즘에는 iframe 태그가 XSS(Cross Site Scripting) 즉 다른 도메인에서 스크립트를 실행하는 행위 등 여러 이슈가 발생할 수 있기 때문에..

2023.01.14