📖 한국경영교육연구소 AI ACADEMY · 용어·통역 사전
iframe
💬 쉬운 뜻
내 웹페이지 안에 다른 웹페이지를 통째로 끼워 넣는 ‘창문/액자’예요. <iframe> 태그로 만들어요. 우리 집 벽에 단 TV 화면처럼 — 그 안엔 완전히 다른 채널(다른 사이트)이 돌아가지만, 우리 집(내 페이지)의 일부처럼 박혀 있죠. 유튜브 영상·구글 지도·결제창·외부 위젯을 내 페이지에 넣을 때 거의 다 이 iframe을 써요.
🧭 이 상황에서
유튜브 영상이나 구글 지도, 예약·결제 위젯처럼 ‘남이 만든 화면’을 내 페이지 안에 그대로 넣고 싶을 때 쓰는 거예요. 직접 다시 만들 필요 없이, 그쪽이 주는 ‘붙여넣기 코드’를 iframe으로 끼우면 내 페이지 안에서 바로 돌아가요. 다만 iframe 안은 ‘다른 집’이라, 내 페이지의 디자인(CSS)이나 코드가 그 안까지는 잘 안 닿는다는 점도 알아두면 좋아요.
⌨️ 이럴 땐 이렇게 입력
- 이 유튜브 영상을 내 페이지 안에 끼워서 바로 재생되게 iframe으로 넣어줘.
- 구글 지도(우리 가게 위치)를 페이지 하단에 iframe으로 삽입해줘. 모바일에서도 안 깨지게 반응형으로.
- 외부 예약 위젯을 iframe으로 넣었는데 높이가 잘려. 안 잘리게 맞춰줘.
🔮 AI가 이렇게 답하면 = 이런 뜻
AI가 “유튜브를 iframe으로 임베드(embed)했다”고 하면 = 내 페이지 안에 작은 창(액자)을 만들어 그 안에서 유튜브 페이지가 돌아가게 끼웠다는 뜻이에요. 그 창 안은 사실상 ‘다른 사이트’가 들어와 있는 거예요.
➡️ 다음엔 이렇게
“이걸 iframe으로 내 페이지에 넣어줘”라고 하면 됩니다. 모바일에서 비율이 깨지면 “iframe을 반응형으로(가로폭에 맞춰) 만들어줘”, 안이 안 보이거나 막히면 “이 사이트가 iframe 삽입을 허용하는지 확인해줘”라고 하세요. (iframe 안 콘텐츠를 안전하게 가두는 건 🔒 자물쇠 섹션의 ‘샌드박스’ 항목을 참고하세요.)
한국경영교육연구소 · AI ACADEMY — 외부강사 김지백 · 시연 교실 홈