Categories for javascript

10주년을 맞는 jQuery 의 미래는?

2006년 8월말, John Resig 은 jQuery 를 세상에 내놓습니다. 그리고 바로 몇주뒤 MooTools 도 출시 됩니다. 둘다 DOM manipulation (AJAX 같은 기능들) 을 간편하게 구사할 수 있게 해주는 javascript library 라는 점에서 같은 기능을 가진 제품이지만, MooTools 는 OO (ojbect-oriented)... [더 읽기]

크로스 브라우징 총정리

[이글은 front-end 개발자분들만을 위한 글 입니다. 그래서 다른분들에게는 재미없는 글 입니다.] 몇년에 한번씩 크로스 브라우징에 관한 글들이 개발자분들 블로그에 올라오곤 해서 유용하게 참고하곤 했던 기억이 나는데 요즘 통 보질 못했고, 그래서 제가 크로스 브라우징에 관한 글을 써봅니다. 일단 크로스 브라우징이란... [더 읽기]

완전 골때리는 IE – 아오 ㅆ ㅂ 이게 현실이 될줄이야..

몇년전 ㅋㅋㅋ 거리면서도, 속으로는 그래도 ‘에이 설마 이런일이 벌어지진 않을거잖아’ 라고 생각했다. (내 생각이 완전 잘못되었었다. 이게 웃을일이 아니었어. ㅠㅠㅠㅠ) IE 11 까지 구분하는 javascript 소스코드: https://jsfiddle.net/jquerybyexample/gk7xA/ 작년까지 잘만 썼지만, 물론 IE 12 하고 13 에서 안 먹는다… 하… 마소는... [더 읽기]

방문자 브라우저에 강제 cache 적용하기

웹사이트를 신규구축해서 운영 중 사이트를 부분 수정할 경우, 아니면 리뉴얼을 하는 경우, 기존 cache 가 방문자들의 브라우저에 남아 있어서 사이트가 깨져 보이는 현상이 발생합니다. 예전에 어느 개발자 커뮤니티를 보면 그 회사에서 일하시는 분이 코딩을 조금씩 변경하면, 꼭 “이거 왜 깨져요?”... [더 읽기]

올바르게 웹폰트 로딩하기

며칠전 한글 웹폰트 로딩에 관한 질문글을 코프레스에서 답변해 드리면서 제 사이트 관련 문서를 알려드리다 보니, 3년전쯤 작성했던 내용이라, 웹폰트 로딩하는 방식이 최신방식/가장 적절한 방식이 아님을 확인했습니다. 글을 쓸까 말까 생각하다, 어느분이라고 말씀드리기는 그렇지만, 어느 분 사이트도 웹폰트 로딩때문에 사이트 로딩속도가... [더 읽기]

조건부 적으로 div 에 class 붙이기

오래전 부터 상단메뉴를 페이지 하단으로 내렸을때 메뉴를 윈도우 창 위에 붙게 해서 브라우저상에서 사라지지 않게 메뉴를 짜서 써 왔다. 사실 방식은 매우 간단하다. jQuery 의 .scrollTop 을 이용 해서 http://api.jquery.com/scrollTop/ 아래로 스크롤을 했을때 메뉴의 position  을 relative 에서 fixed 로... [더 읽기]

웹접근성을 도와주는 Flying Focus UI

Flying Focus UI 는 탭과 탭사이에 움직임을 보여줌으로써 웹접근성 을 향상시켜주는 자스 (javascript) 입니다. http://n12v.com/focus-transition/flying-focus.js 어떤식으로 움직임이 보여진단 말인가, 혼동스럽게 생각되는 분도 계실텐데, 아래 동영상을 보면 쉽게 이해가 됩니다. Git 에서 다운로드 받으실 수 있습니다. https://github.com/NV/flying-focus/ * 웹 접근성이란, 장애를... [더 읽기]

블로그 글 복사시 출처 자동표시

javascript <script language=JavaScript> <!– function copy_play() { if (window.event) { window.event.returnValue = true; window.setTimeout(‘capy_plus()’, 25); } } function capy_plus() { if (window.clipboardData) { var txt = window.clipboardData.getData(‘Text’); var retUrl = document.URL; txt = txt +’nn출처 :’+retUrl; var result = window.clipboardData.setData(‘Text’,... [더 읽기]

Good & Bad jQuery Practices

10.1. Best Practices: Loops Cache the length property in loops: var arrayLength = myArray.length; for (var i = 0; i < arrayLength; i++) { //DO SOMETHING } Append content outside of loops //BAD $.each(myArray, function(index, item) { var newTweet = '<li>' + item... [더 읽기]