프론트엔드 연구소
close
프로필 배경
프로필 로고

프론트엔드 연구소

  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
  • 홈
  • JavaScript
  • Vue
  • Nuxt
  • React
  • Next.js
  • 방명록
반응형
HTML iframe 이용해서 다른 사이트 가져오기

HTML iframe 이용해서 다른 사이트 가져오기

iframe 이란? iframe은 다른 웹사이트나, 다른 HTML을 삽입할 때 사용합니다. 간단하게 이 포스트에 iframe을 이용하여서 카카오 지도를 올려보겠습니다. map.kakao.com 사이트를 가지고 왔습니다. 아래와 같이 iframe 태그 내에 src 속성에 본인이 띄우고 싶은 사이트의 url을 작성하면 사이트를 띄울 수 있습니다. 네어버나, 구글 같은 경우에는 iframe으로 띄울 수 없게 막아 논 것 같습니다. 403 에러가 뜨더군요. src 속성 변경 src 속성을 변경하게 되면, 변경 된 url로 사이트가 변경되게 됩니다. iframe에 내용을 변경할 수 도 있씁니다. const frame = document.querySelector('iframe'); frame.setAttribute..

  • format_list_bulleted Develop/CSS
  • · 2023. 2. 8.
  • textsms
반응형
  • navigate_before
  • 1
  • navigate_next
공지사항
  • 비전공자에서 프론트엔드 개발자 5년차 되기까지...
  • 2023년 조금 더 지난 상반기 회고 갓생살기
  • 파워쿠의 블로그 입니다.
전체 카테고리
  • 분류 전체보기 (360)
    • Develop (282)
      • JavaScript (80)
      • Vue (31)
      • Nuxt (9)
      • React (22)
      • Next.js (8)
      • CSS (12)
      • TypeScript (5)
      • 자료구조 & 알고리즘 (4)
      • Java (37)
      • DataBase (19)
      • C (9)
      • Git (3)
      • etc (19)
      • Made by powerku (8)
    • 일상 (77)
      • 맛집 (26)
      • 리뷰 (17)
      • 재테크 (7)
      • 이야기 (17)
      • 블로그 (9)
최근 글
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바