분류 전체보기140 [script] 브라우저, 모바일 체크 코딩/제이쿼리 2017. 3. 28. 브라우저 체크하는 스크립트 // Opera 8.0+ var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0; // Firefox 1.0+ var isFirefox = typeof InstallTrigger !== 'undefined'; // Safari 3.0+ "[object HTMLElementConstructor]" var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!w.. [jquery] a링크 클릭시 상단 이동 취소 코딩/제이쿼리 2017. 2. 23. 코딩할때 아래와 같은 코드를 매우 많이 활용한다. a태그를 만들어서 이벤트를 호출할때 사용한다.클릭 이벤트 그럴때, 항상 href의 #(해시)가 동작하면서.. 상단으로 스크롤이 튕기는 현상이 발생하는데이것을 막으려면 아래와 같이 이벤트 안에 preventDefault 매소드를 추가해서 동작을 취소시켜주면 된다.function onclick(event) {event.preventDefault();//event} 그런데 이 소스가 IE에서 에러가 날때가 있다. preventDefault가 IE에서 안통한다.크로스브라우징을 고려한다면 아래와 같이 작성하면 된다! function onclick(event) {event.preventDefault ? event.preventDefault() : (event.ret.. [jquery] DOM에 나중에 추가된 항목 접근(이벤트) 코딩/제이쿼리 2017. 2. 6. document가 모두 다 load 되고 난 후, jquery로 인해 DOM에 추가된 요소들은 보통 접근할 수 없다.그것에 접근하기 위해서는 이벤트를 다르게 줘야 하는데삭제 $('.survey_list').on('click', '.btn_del', function() {$(this).parent().remove(); //여기서 this는 .btn_del 이 됨.}) '.btn_del'이 DOM에 새로 추가된 엘리먼트라고 한다면, 그 부모를 이벤트 대상으로 선택하고.on(event, 추가된 elment, function() { }) 로 작성을 하면 된다. 또는 ajax 호출 후에 추가해야하는 이벤트의 경우 아래 방법을 사용하면 잘됨. $(window).bind("load", function() { // i.. [git] branch 삭제 코딩/git 2017. 1. 11. local에 있는 branch 삭제 $ git branch -d issue merge 여부에 상관없이 삭제 $ git branch -D issue 저장소에 이미 올라간 브랜치 삭제 $ git push origin :issue 저장소에 있는 브랜치 목록 모두보기 $ git branch -a [atom] Atom Editor not Responding 오류 컴퓨터이야기 2016. 11. 18. 아톰을 잘 실행하다가 갑자기 Editor Not Responding 이라는 에러가 떴다. Keep waiting 을 눌러도 안되고,, close누르면 에디터가 바로 닫혀서 짜증나는 상황 ㅜㅜ (나는 window 유저) 구글링을 해보니 https://github.com/atom/atom/issues/9185 이런 이슈가 있었고 여러가지 해결방법중 가장 간단한 방법은 c:/users/user-pc/.atom/storage/ 들어가서 안에 파일을 지우고 아톰을 실행하면 깔끔하게 지난 open folder 기록이 안나와서 새롭게 폴더를 열고 시작할 수 있다. (재부팅 안해도 됨) 아마 에디터에 너무 많은 창을 열어둔 기록때문에 이런일이 생기는 것 같다. 메모리가 부족해서 그런듯.. 아톰 종료할때 너무 많은 창이.. 클립보드복사 스크립트 (모든 브라우저) 코딩/제이쿼리 2016. 11. 8. clipboard 복사 스크립트. flash를 사용하지 않고 스크립트로만 함. 크롬, 파이어폭스, ie10 테스트 완료 방법은.. input박스를 안보이게 하나 만들고, 그 안에 value값을 집어넣어서 select되게 한후 복사하는 방법. 주의할 점은 input박스를 hidden처리하면 안된다. display:none도 하면 안되고 opacity를 0으로 하거나 position을 absolute로 해서 가려지게 해야함. HTML CODE ns1.euntori.com 211.000.000.000 ns2.euntori.com 211.111.111.111 jQuery CODE $('.clipboardBtn').on('click', function(e) { // a의 텍스트값을 가져옴 var text = $(.. [jquery] tab메뉴 링크연결, hash 코딩/제이쿼리 2016. 11. 3. 탭메뉴가 들어간 A 페이지를 만들었다. 부트스트랩을 이용해서..그런데 다른페이지B에서 어떤 버튼을 클릭했을때, 탭메뉴페이지A의 해당 탭을 선택한것 처럼 바로 열리도록 하고싶을때hash 스크립트로 간단하게 해결할 수 있다. a태그의 북마크 같은 기능을 탭메뉴 스크립트로 만든것. A 페이지 탭 도메인이란? 도메인 연장 기관 이전 ...... B 페이지 버튼버튼 href에 해당탭 id를 넣는다. 도메인 연장 스크립트 $(function(){ if (location.hash == "#domain"){ $('.nav-tabs').find('li').eq(0).addClass('active').siblings().removeClass(); $('.tab-content').find('#domain').addClass.. 스크린아웃, 히든처리 css 코딩 2016. 9. 8. .screen_out{position:absolute;width:0;height:0;line-height:0;text-indent:-9999em;overflow:hidden;} [캐논 EOS M3] M3로 담은 일상 개인공간 2016. 5. 20. 얼마 전에 미러리스 카메라를 새로 구입했습니다. 캐논 EOS M3 바디 + 22mm 단렌즈로요. 조리개가 2.0이라 밝을 것 같고 무엇보다 무거운걸 싫어해서 가벼운 팬케이크 렌즈가 M3와도 잘 어울릴 것이라는 생각이 들어서요. 사실 소니 미러리스가 있어서 차라리 렌즈를 살까 엄청나게 고민을 하며 며칠동안 서칭을 엄청 했고, 이런저런 후기들을 보면서 고심했습니다. 미러리스는 소니! 라는 글이 대부분이었는데 소니는 이미 NEX-5T를 가지고 있지만 왠지 캐논제품을 써보고 싶단 욕구가 마구 솟아서 이런저런 합리화를 시키며 샀습니다. (그리고 소니는 렌즈가 너무 비싸잖아요 ㅜ) 블로그를 찾으며 22mm 단렌즈의 결과물이 맘에 들어서 샀는데 매우 만족하며 쓰고있어요 ^ ^ 아래부터는 EOS M3와 22mm단렌즈 .. 이미지 sprite 해주는 사이트 코딩 2016. 5. 3. splite이미지를 자동으로 영역을 잡아서 css로 변환해 주는 사이트 background-position값을 자동으로 잡아줘서 엄청 편리하다. http://www.spritecow.com/ 이전 1 ··· 5 6 7 8 9 10 11 ··· 14 다음
euntori
Comments