# iframe

mkdavdi123

어제 시도했을 때는 실패했다. 자기 전에 문제 무엇이고 문제와 관련된 것들은 무엇이 있고 어떻게 풀어나가면 좋을지 글로 적어놨는데 이게 큰 도움이 됐다. 오늘 다시 시도하면서 글로 써놨던 것을 보면서 따라가니까 길을 잃지 않을 수 있었다.여튼 어떻게 했느냐. 무엇이 문

mkdavdi123

window.postMessage 메서드는 브라우저의 동일 출처 정책을 지키면서도 서로 다른 origin끼리 안전하게 통신할 수 있게 해준다.부모 컴포넌트와 iframe이 있는 자식 컴포넌트 간에 데이터를 주고 받아야 하는 문제가 있어서 공부하게 됐다.MDN windo

seoyaon

아 이건 이렇게 하면~ .. 안되네..? 🫠

develheum

내일배움단 미니프로젝트 cheese_projectyoutube 음악을 자동재생 하는 것은 chrome 문제로 불가능하다..는 것을 알았다..음소거로 하면 자동재생이 가능하다는 이상한 점도 알게 됌..유튭 음악을 재생하는 박스를 만드는 것은 정말 쉬웠는데 이걸 버튼과 연

jinic

콘솔탭 전환 iframe https://github.com/storybookjs/storybook/issues/11348

minsu2344

frameborder: 테두리 없애기!!!!!scrolling: no로 설정하여 쓸데없는 스크롤 없애기margin: 말 그대로 여백의 미src: 구글 지도에 좌표 찍으면 나오는데 대충 위도 경도 기타 등등이 들어있어요.구글 행님이 도움을 주면 다 가능하다아아구글 지도에

ijy1995

video 태그

ecoco97

오늘 배운 주제는 크게 두가지 이다. background,그리고 position사실 둘 다 너무 많이 쓰기 때문에 짧고 굵게 공부했다고 할 수 있다.background-color와 같은 색을 넣는 법은 이미 배웠으니 이미지를 넣는 방법을 알아보자백그라운드 이미지는 ur

tosspayments

콘솔창에서 이런 에러 만나본 적 있으시죠? 이번 아티클에서는 CORS를 알아보고 토스페이먼츠 결제창에서 CORS 에러를 만났을 때 해결하는 방법도 알아봅니다.

deukchan

iframe 태그는 inline-frame 태그의 줄임말로 다양한 형태의 plugin을 보여주기 위해 여러 사이트에서 사용되고 있다.

daheenamic

URL이 바뀌지 않으면서 페이지 전환이 되는 기능.Header, side, footer는 바뀌지 않고 body만 변한다.새로고침하면 메인 페이지로 이동한다.body 부분에 iframe 태그를 넣어주고 name을 bodyFrame이라고 설정변하지 않는 head 부분에 로

mike7643

pre 태그에 텍스트를 작성하면 스페이스, 탭, 엔터 등 모든 공백 요소들이 이와 같이 화면에 그대로 적용된다.때문에 pre 태그는 아래의 아스키 아트(Ascii art)들처럼 공백요소들을 적극 활용해야 하는 아주 특별한 경우 유용하게 사용될 수 있다.일반적으로는 막상

dolfin

video 태그를 사용해 동영상을 넣을때를 넣어주면 비율에 맞게 반응형으로 크기가 조절이 된다.(참고로 max-width: 100% 로 주게되면 비디오가 갖고 있는 width 사이즈의 최대 값까지만 나오게 되어 그 이상으로 커지지 못한다.)그렇다면 iframe태그(유튜

sehyunny

영역은 기본적으로 자바스크립트 프로그램이 사는 생태계라고 할 수 있습니다. 그리고 여느 생태계처럼 자바스크립트 프로그램이 존재하기 위해 반드시 갖추어야 할 다른 요소도 함께 포함합니다.

dltmdcjf9859

코드와 태그를 배워갈수록,내 사이트에서 제공할 수 있는 편리함과 서비스는 늘어간다는 것을 배웠다.동영상 추가기존의 내 사이트는 동영상 링크를 클릭해야 하지만 태그 ifame을 통해 링크 내에서 동영상 재생이 가능하게 시스템을 추가하였다.기존 코드iframe 코드의 추가

suyeon_

저런 창이 생김

rlahatnr

툴로 제작한 페이지 내에서 php로 작성한 iframe을 호출하도록 하는 코드가 있다.그 코드엔 두가지 문제가 있었다.회원가입 버튼을 누르고 나서 띄워주는 성공결과 창에서스크롤이 내가 원하는대로 맨 위에 위치해 데이터를 보여주는 대신이전 페이지에서 스크롤이 위치했던 위

nalsae

✍ 22년 7월 15일 공부한 내용 정리

fada2020

legacy project에 요청이 왔다. 터치 이벤트와 클릭이벤트가 필요하다는 요청이다. 클릭을 유지하는 이벤트가 있는줄 몰랐는데 mousedown이 되면 mousemove를 bind해서 mouseon이 되었을 때 mousemove를 unbind처리하는 식이었다.

devp1023

인라인프레임이라고 불리며, 현재 HTML 문서에서 다른 HTML 문서를 포함할 때 사용HTML5 문서로 넘어오면서 많이 사용 되고 있지는 않습니다.iframe 을 지원하지 않는 브라우저를 위해 iframe 태그의 시작과 끝 사이에 대체 텍스트를 넣기도 합니다. 사용 예