본문 바로가기

메모장/스크립트

자바스크립트 Javascript 작업 하기 전, 주의사항~! 정말 주옥같은 내용이네요 두고 두고 볼 요량으로 퍼왔습니다.^^; 최선의 예제에 관한 글을 쓰는것은 다소 트릭으로 느껴지는 작업이다. 독자들 다수에게는, 자신이 지금 읽으려고 하는 글이 매우 명확하며, 실로 일리있는 것으로 보여질 것이다. 그러나, 웹을 둘러보고, 또 지난 수년간 내게 건네어진 다른 개발자들의 코드를 보면서 느낀 것은, 웹에서 실제 사용되는 코드의 세계에는 상당히 비상식적인 일들이 많으며, 또한 “일리있고, 논리적인 일들” 이라는 것은, 일단 당신이 프로젝트에 투입되고 프로젝트의 데드라인이 스물거리며 다가오고 있는 상황에서는 중요성 목록에서 저만치 밑으로 추락해 내려간다는 것이다. 따라서 나는 이 글을 쓰기로 결심했는데, 이 글은 지난 수년간 내가 축적해 온 예제와 조언들의 모음이며, 그..
이미지내 지정한 포커스에 따라 이미지사이즈가 변경되는 반응형 jQuery 플러그인 Intelligent cropping for flexible image containers 유연한 이미지 컨테이너 반응형 플러그인 사실 이 기능을 찾기 위해 검색을 한 것은 아니지만, 아주 유요한 플러그인을 우연히 발견하여 이렇게 기록용으로 포스팅합니다. 간략하게 설명하자면, 반응형 사이트에서 사이트내에서 사용하는 이미지가 자동으로 크롭되잖아요. 이때 이미지의 정렬은 보통 left, right, center 인데요. 이 플러그인은 이미지내에 포커스 좌표를 지정하여, 그 포커스를 center로 정렬하는 플러그인입니다. 아래 이미지를 예로 들면, 넓은 창일때의 이미지 좁은 창일때의 이미지 도마뱀의 눈에 포커스를 맞추어 이미지가 반응형으로 크롭된다는 것이지요. 이 기능이 유용한지 안한지에 대해서는 모바일 사이..
[jQuery] 제이쿼리를 사용한 간단한 그래프 플러그인, jqBarGraph Plugin [jQuery] 제이쿼리를 사용한 간단한 그래프 플러그인, jqBarGraph Plugin 사이트 작업을 하다보면 그래프를 표현해야 할때가 있습니다. 이전에는 그냥 이미지로 대체했었는데, 동적으로 구현하기 위해서는 스크립트 사용이 필수불가결이지요. 여러가지 그래프 플러그인이 있습니다. 모두는 아니지만 그래도 많이 검색해보고 여러가지 플러그인을 테스트를 해보았는데요. 이 플러그인 처럼 심플한 것은 못 봤네요 ㅋ 추천합니다. ㅋ 아래 파일은 여러 버전중 다운받은 js 중 하나입니다. ㅎ
여러가지 타일 효과 애니메이션을 위한 jQuery 플러그인 여러가지 타일 효과 애니메이션을 위한 jQuery 플러그인
[jQuery] 제이쿼리 jQuery와 prototype.js 충돌 해결법 [jQuery] 제이쿼리 jQuery와 prototype.js 충돌 해결법 사실 jQuery 와 prototype.js 가 충돌나는지도 몰랐었다. 문법에는 오류가 없는데 왜 계속 스크립트 오류가 날까?... 그래서 혹시나 충돌이라고 검색을 해보니 주르륵~~ 인터넷에서 알려주는 해결방법은 이러하다. 해결방법 jquery 라이브러리를 먼저 선언하고 아래 부분 코드를 넣은 뒤 다시 prototype.js를 선언한다 충돌의 원인은 식별자 '$' 같은 방식으로 다른 문법으로 사용하기 때문이다. 중간에 들어간 코드는 이 제이쿼리를 권한을 없애고 다른 변수로 처리를 한 것이다. jq$는 변수니까 입맛에 바꾸어도 된다. 그 다음, 이후에 나오는 제이쿼리 명령어에는 jq$라는 변수를 사용해야 한다. 최종적으로는 제이쿼리..