web sprit

오늘은 ESC(Escape)를 눌렀을때 이벤트를 발행시키기 위해ESC를 눌럿을 때 감지하는 Script를 만들어 봅시다. ESC를 감지하기 위해서는브라우저에서 제공되는KeyCode 또는 which속성을 사용해야 합니다.현재 최신 브라우저에서는 KeyCode 보다는 which 속성을 지원하고 있습니다.그래도 구 브라우저를 위해서 KeyCode도 사옹해 보도록 하죠. 저는 ESC감지를 어디에 사용하려 하냐~레이어 팝업이 떳을때 ESC 버튼을 누르면 닫히게 작업하려 합니다.아래 코드를 보시죠 1234567$(document).keydown(function(e){ var code = e.keyCode || e.which; if (code == 27) { $('.레이어팝업 클래스').hide(); }});cs해석..

반응형 사이트를 작업하면서 생긴 이슈입니다.iframe을 모바일에서 스크롤 안되는 문제가 있었는데특히 사파리(아이폰에서 안된다능....)에서 안된다는 이슈가 있었습니다. 특정 영역 안에 iframe을 넣으면 스크롤이 안될뿐더러 모바일 화면에서 영역을 벗어나 넘치는 현상입니다. 구글신(?)의 힘을 빌려 서치하던 중 여러가지 해결 방법이 있었는데제가 잘못 적용한것도 있을 수 있지만 완벽하진 않았습니다. 그래서 조금 수정해서 올려봅니다.HTML123 Colored by Color Scriptercs SCSS1234567891011.iframe-wrap{ border: 1px solid #d6d6d6; height: 150px; overflow: auto; -webkit-overflow-scrolling: to..

저번 시간에는 구글 드라이브 설치 및 동기화하는 방법에 대해 알아봤습니다.이번시간은 기존에 설정했던 동기화 경로를 변경하는 방법에 대해 알아보려고하는데요. 기존 타 블로그를 검색했을때현제 구글드라이브 환경설정 화면 UI와는 조금 다르더군요.그래서 다시 정리합니다. 경로 변경을 확인하기위해내 노트북 동기화 폴더 2개와 구글드라이브 동기화 폴더 2개를 준비하였습니다. 폴더명 그대로 노트북 동기화, 구글드라이브 동기화를 연결하였습니다.이제 경로를 변경하는 법에 대하여 알아보죠. 1. PC 동기화 경로 변경.매우 쉽습니다.윈도우 화면 우측 하단 트레이 아이콘 화면을 보변 구름 모양이 있습니다.위 이미지의 번호 순으로 클릭하여 환경설정에 들어가 줍니다.PC 동기화 환경설정 화면입니다.기존에 연결되었던 "내 노트북..