You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
🎨 MockFrame - iframe을 브라우저창으로 스타일링
iFrame In A Browser Mockup iframe을 사용해 웹페이지를 불러올때 다음 사진과 같이 단순한 사각형 영역에 홈페이지를 띄우는 정도로 아주아주 못생기게 나온다. 거기다 스타일링 이래봤자 iframe 테두리 정도 꾸미는 거 외에는 전무하다. 하지만 mockiframe.js 라이브러리를 사용하면 이렇게 iframe 웹페이지를 마치 브라우저 윈도우창에서 띄우는 것처럼 멋지게 스타일링 해준다. 사용법도 매우 쉬워 iframe을 이용해 자신의 포트폴리오 사이트를 띄울일이 있다면 요긴하게 쓰일것 같다. mockiframe.js 사용법 Present iFrame In A Browser Mockup - mockframe.js | CSS Script A JavaScript to make your if..
🚀 버튼 눌러서 iframe 띄우기 코드
버튼 눌러서 iframe 띄우기 코드 html의 data-* 속성을 이용해서 미리 링크를 저장해놓고, 자바스크립트에서 src속성값을 data-src속성값으로 교체해주면 iframe에서 홈페이지 링크가 로드 된다. Button function postYourAdd () { var iframe = $("#forPostyouradd"); iframe.attr("src", iframe.data("src")); } $("button").on("click", postYourAdd);
