프런트 엔드 개발에서 은 웹 페이지에 인라인 프레임을 만드는 데 사용되는 HTML 요소로, 이를 통해 독립적인 HTML 문서를 현재 웹 페이지에 삽입하고 작은 창 형태로 표시할 수 있습니다. <iframe>을 사용하면 개발자는 웹페이지에 다른 웹페이지나 기능 모듈을 삽입하여 더욱 풍부한 콘텐츠 표시와 대화형 효과를 얻을 수 있습니다. 이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터. 프런트엔드 개발에서 은 웹페이지에서 인라인 프레임(Inline Frame)을 만드는 데 사용되는 HTML 요소입니다. 이를 통해 독립적인 HTML 문서를 현재 웹 페이지에 삽입하고 작은 창에 표시할 수 있습니다. </strong></p> <p><iframe> 요소를 사용하면 다른 웹페이지를 표시하거나, 타사 콘텐츠(예: 동영상, 지도 등)를 삽입하거나 웹페이지에 외부 리소스를 표시할 수 있습니다. 이 인라인 프레임은 독립적인 스크롤 막대와 테두리를 가질 수 있으며 해당 내용은 상대적으로 독립적이며 외부 웹 페이지의 스타일과 스크립트에 영향을 받지 않습니다. </p> <p><iframe>에는 일반적으로 다음과 같은 속성이 있습니다. </p> <ul style="margin-bottom: 16px; padding-left: 2em;"> <li>src: 포함된 프레임의 소스 파일 URL을 지정합니다. </li> <li>너비 및 높이: 프레임의 너비와 높이를 지정합니다. </li> <li>frameborder: 테두리 표시 여부를 지정합니다. </li> <li>scrolling: 스크롤 막대 표시 여부를 지정합니다. </li> <li>allowfullscreen: 삽입된 콘텐츠를 전체 화면으로 표시하도록 허용할지 여부를 지정합니다. </li> </ul> <p><iframe>을 사용하면 개발자는 웹 페이지에 다른 웹 페이지나 기능 모듈을 삽입하여 더욱 풍부한 콘텐츠 표시와 대화형 효과를 얻을 수 있습니다. 그러나 <iframe>을 사용하면 웹페이지 성능과 보안에 어느 정도 영향을 미칠 수 있으므로 주의해서 사용해야 하며 콘텐츠 소스가 신뢰할 수 있고 안전한지 확인해야 합니다. </p></article></div></div>
