iframe

현재 진행중인 프로젝트의 방대한 코드를 MFA 방식으로 나누기 위해 여러가지 방법을 알아보다 Iframe을 활용한 방식이 있음을 발견하여 iframe에 대해 공부할 필요성을 느껴서 이 글을 쓴다.

 

 

 

HTML iframe이란 inline frame의 약자로, 웹 페이지 안에 또 다른 웹페이지를 보여주고자 할 때 사용한다.

사용 방법은 src 태그를 활용하여 원하는 주소를 연결시키면 된다. 

 

<iframe src="삽입 웹페이지 URL"></iframe>

 

iframe을 사용한다면 새로운 컨텐츠를 쉽게 추가 할 수 있으며, 별도의 페이지 이동이 없으므로 사용자한테 더 풍부한 화면을 보여줄 수 있다. 

 

하지만 HTML 코드량이 너무나도 방대해지고, 또한 iframe으로 삽입된 컨텐츠는 크롤링하지 못하는 검색엔진도 존재하기에 SEO 측면에서 좋지 않다. 이 밖에도 사용성에 불편함이 있기도 하여 iframe을 사용하려하면 많은 고려가 앞서 진행되어야 할 것이다.